CINXE.COM

Beats by Dre - Wireless Headphones, Earbuds, Speakers, and more

<!doctype html> <meta charset="utf-8"/> <html class=" " lang="en-US"> <head> <meta name="viewport" content="width=device-width, initial-scale=1"/> <title>Beats by Dre - Wireless Headphones, Earbuds, Speakers, and more</title> <link rel="icon" href="/assets/resources/images/beats_logo.png"/> <link rel="apple-touch-icon" href="/assets/resources/images/beats_logo.png"/> <meta name="google-site-verification" content="mHFbKuknAMAodbNS_O9wxS4TJxU8ezn6yKmxE5-iTqo"/> <meta name="theme-color" content="#ffffff"/> <!-- fallback incase media isn't supported --> <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"/> <meta name="theme-color" content="#161616" media="(prefers-color-scheme: dark)"/> <script> function handleFontAwesomeError() { let faCss = document.createElement("link"); faCss.rel = "stylesheet"; faCss.type = "text/css"; faCss.href = "/etc.clientlibs/beats/clientlibs/site/fontAwesome.css"; document.head.appendChild(faCss); } </script> <script src="https://kit.fontawesome.com/0b8e87e866.js" onerror="handleFontAwesomeError()" crossorigin="anonymous"></script> <meta property="og:type" content="website"/> <meta property="og:url" content="https://www.beatsbydre.com"/> <meta property="og:image" content="/content/dam/beats/web/seo/beats_seo_card_1200x630-3.jpg"/> <meta property="og:title" content="Beats by Dre"/> <meta property="og:description" content="Beats by Dre brings you the best in bluetooth headphones, earbuds and speakers. Explore the latest products that bring style, comfort, and iconic sound."/> <meta property="og:locale" content="en_US"/> <meta property="og:site_name" content="beatsbydre.com"/> <meta property="twitter:card" content="summary_large_image"/> <meta name="twitter:site" content="@beatsbydre"/> <meta name="twitter:image" content="https://www.beatsbydre.com/content/dam/beats/web/seo/beats_seo_card_1200x630-3.jpg"/> <meta name="robots" content="follow,index"/> <meta name="description" content="Beats by Dre brings you the best in bluetooth headphones, earbuds and speakers. Explore the latest products that bring style, comfort, and iconic sound."/> <meta name="analytics:s-pagetype" content="product"/> <meta name="keywords" content="Bluetooth headphones, Bluetooth wireless headphones, Bluetooth earphones, Wireless earphones, In-ear headphones, In-ear Bluetooth headphones, Totally wireless earphones, Bluetooth speakers, Bluetooth wireless speakers, Portable speakers, Totally wireless earbuds, Bluetooth earbuds, Bluetooth wireless earbuds, wireless earbuds"/> <meta name="referrer" content="no-referrer-when-downgrade"/> <link rel="canonical" href="https://www.beatsbydre.com/"/> <link rel="alternate" href="https://www.beatsbydre.com/in" hreflang="en-IN"/> <link rel="alternate" href="https://www.beatsbydre.com/ca-fr" hreflang="fr-CA"/> <link rel="alternate" href="https://www.beatsbydre.com/ru" hreflang="ru-RU"/> <link rel="alternate" href="https://www.beatsbydre.com/de" hreflang="de-DE"/> <link rel="alternate" href="https://www.beatsbydre.com/mx" hreflang="es-MX"/> <link rel="alternate" href="https://www.beatsbydre.com/es" hreflang="es-ES"/> <link rel="alternate" href="https://www.beatsbydre.com/tw" hreflang="zh-TW"/> <link rel="alternate" href="https://www.beatsbydre.com/be-nl" hreflang="nl-BE"/> <link rel="alternate" href="https://www.beatsbydre.com/be-fr" hreflang="fr-BE"/> <link rel="alternate" href="https://www.beatsbydre.com/se" hreflang="sv-SE"/> <link rel="alternate" href="https://www.beatsbydre.com.cn/" hreflang="zh-CN"/> <link rel="alternate" href="https://www.beatsbydre.com/sg" hreflang="en-SG"/> <link rel="alternate" href="https://www.beatsbydre.com/uk" hreflang="en-GB"/> <link rel="alternate" href="https://www.beatsbydre.com/ie" hreflang="en-IE"/> <link rel="alternate" href="https://www.beatsbydre.com/br" hreflang="pt-BR"/> <link rel="alternate" href="https://www.beatsbydre.com/" hreflang="en-US"/> <link rel="alternate" href="https://www.beatsbydre.com/jp" hreflang="ja-JP"/> <link rel="alternate" href="https://www.beatsbydre.com/hk" hreflang="en-HK"/> <link rel="alternate" href="https://www.beatsbydre.com/au" hreflang="en-AU"/> <link rel="alternate" href="https://www.beatsbydre.com/ch-de" hreflang="de-CH"/> <link rel="alternate" href="https://www.beatsbydre.com/nl" hreflang="nl-NL"/> <link rel="alternate" href="https://www.beatsbydre.com/fr" hreflang="fr-FR"/> <link rel="alternate" href="https://www.beatsbydre.com/at" hreflang="de-AT"/> <link rel="alternate" href="https://www.beatsbydre.com/kr" hreflang="ko-KR"/> <link rel="alternate" href="https://www.beatsbydre.com/ca" hreflang="en-CA"/> <link rel="alternate" href="https://www.beatsbydre.com/hk-zh" hreflang="zh-HK"/> <link rel="alternate" href="https://www.beatsbydre.com/ch-fr" hreflang="fr-CH"/> <link rel="alternate" href="https://www.beatsbydre.com/it" hreflang="it-IT"/> <script type="application/ld+json"> { "@context": "http://schema.org", "@id": "https://www.beatsbydre.com/#organization", "@type": "Organization", "name": "Beats by Dre", "url": "https://www.beatsbydre.com/", "logo": "https://www.beatsbydre.com/content/dam/beats/global/logo.svg", "contactPoint": [ { "@type": "ContactPoint", "telephone": "+1-800-442-4000", "contactType": "customer service", "areaServed": [ "US" ] } ], "sameAs": [ "http://www.wikidata.org/entity/Q1961036", "https://www.youtube.com/user/Officialbeatsbydrdre", "https://twitter.com/beatsbydre", "https://www.facebook.com/beatsbydre/", "https://www.linkedin.com/company/beats-by-dr.-dre", "https://www.instagram.com/beatsbydre/" ] } </script> <link rel="preload" href="https://use.typekit.net/af/7d4af5/0000000000000000000178a8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3" as="font" type="font/woff" crossorigin/> <link rel="preload" href="https://use.typekit.net/af/cde90e/0000000000000000000178a6/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3" as="font" type="font/woff" crossorigin/> <link rel="preload" href="https://use.typekit.net/af/d7bb7b/0000000000000000000178a7/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3" as="font" type="font/woff" crossorigin/> <link rel="stylesheet" href="/etc.clientlibs/beats/clientlibs/site/base.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/beats_support/clientlibs/base.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/beats/clientlibs/site/pdpPage.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/beats/clientlibs/site/featurePage.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/beats/clientlibs/overwrites/global.min.css" type="text/css"> <script> window.adobeDataLayer = window.adobeDataLayer || [] ; </script> <!-- prehiding snippet for Adobe Target with asynchronous Launch deployment --> <script> (function(g,b,d,f){(function(a,c,d){if(a){var e=b.createElement("style");e.id=c;e .innerHTML=d;a.appendChild(e)}})(b.getElementsByTagName("head")[0],"at-body-style",d) ;setTimeout(function(){var a=b.getElementsByTagName("head")[0];if(a){var c=b.getElementById("at-body-style");c&&a.removeChild(c)}},f)})(window,document,"body {opacity: 0 !important}",3E3); </script> <script> window.digitalData= {"pageInfo":{"pageName":"beatsbydre:en:home"}}; </script> <script src="/etc.clientlibs/beats/clientlibs/analytics-prod/resources/2f3b56537a5a/a62218abd162/launch-30681266d3ea.js" async></script> <noscript> <style type="text/css"> [data-skrollex] { opacity:1 !important; } .invisible { visibility: visible !important; } </style> </noscript> </head> <body class="no-js styles-loaded"> <div id="main"> <div class="pdp-header-section"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="navigationV2"> <section class="main-header" data-analytics-module="primary-nav" data-analytics-region="global-navigation"> <div class="main-header__container"> <header class="main-header__content"> <nav role="navigation" aria-label="navigation" class="main-nav"> <button aria-haspopup="true" aria-expanded="false" aria-controls="mobile-nav" aria-label="menu" class="hamburger hide-md hide-lg-up " data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="Hamburger Menu - Close"> <span class="hamburger__top"></span> <span class="hamburger__middle"></span> <span class="hamburger__bottom"></span> </button> <ul id="mobile-nav" role="list" aria-label="Global" class="main-nav__mobile"> <li role="presentation" class="main-nav__item main-nav__item--link"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Shop (Mobile)" class="nav-link" href="/products">Shop</a> </li> <li role="presentation" class="main-nav__item main-nav__item--link"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Gift Guide (Mobile)" class="nav-link" href="/promotions"><span style="color: rgb(227,24,55);">Gift Guide <i class="fa-sharp fa-regular fa-gifts"></i></span></a> </li> <li role="presentation" class="main-nav__item main-nav__item--link"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Collaborations (Mobile)" class="nav-link" href="/collaborations">Collaborations</a> </li> <li role="presentation" class="main-nav__item main-nav__item--link"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Support (Mobile)" class="nav-link" href="/support">Support</a> </li> <li role="presentation" class="main-nav__item"> <!-- SDI include (path: /content/beatswebsite/us/en_US/experience-fragments/menu-cards/solo4-promo-menu-card/_jcr_content.content.nocache.html, resourceType: cq/experience-fragments/components/xfpage) --> <div class="featureMenuCard"> <style> .mobile-tile, .mobile-tile:hover, .mobile-tile:visited { background: #D9D9D2; color: #161616 !important; } .mobile-tile .eyebrow{ color: #161616 } </style> <a data-analytics-click data-analytics-module="feature-menu-card" data-analytics-region="Solo 4" data-analytics-link-type="siteClick" data-analytics-label="Shop Solo 4" class="mobile-tile" href="/headphones/solo4-wireless"> <img src="/content/dam/beats/web/home/mobile-nav-card/solo4-mobile-nav.jpg" alt="Beats Solo 4 headphones shown in Slate Blue, Cloud Pink and Matte Black"/> <div class="mobile-tile__content"> <h3 class="headline-4"> Beats Solo 4 </h3> <div class="body-small"> The original go-to headphone for active music lovers is back&nbsp;— and better than ever. </div> <strong class="mobile-tile__content__cta"> SHOP <i class="fa fa-solid fa-chevron-right"></i> </strong> </div> </a></div> </li> </ul> <div class="main-nav__logo"> <a data-analytics-click data-resp-exclude data-analytics-link-type="siteClick" data-analytics-label="Beats Logo" class="beats-logo header-icon" aria-label="Beats by Dre Homepage" href="/"> <img data-resp-exclude src="/content/dam/beats/global/logos/beats-logo-161616.png" aria-hidden="true" alt="Beats Logo"/> </a> </div> <ul role="presentation" class="main-nav__list"> <li role="presentation" class="main-nav__item hide-sm"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Shop (Desktop)" class="nav-link" href="/products">Shop</a> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Gift Guide (Desktop)" class="nav-link" href="/promotions"><span style="color: rgb(227,24,55);">Gift Guide <i class="fa-sharp fa-regular fa-gifts"></i></span></a> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Support (Desktop)" class="nav-link" href="/support">Support</a> </li> </ul> <div class="main-nav__search"> <button class="search__trigger__external" type="button" aria-label="Search" aria-haspopup="true"> <i class="fa-sharp fa-solid fa-magnifying-glass"></i> </button> </div> </nav> </header> <div id="search-el" data-trigger-visible="false"></div> </div> <div class="header-spacer" aria-hidden="true"></div> </section> <div> <style> .promobar { background-color: #161616; } </style> <section class="promobar promobar--light" data-analytics-module="promo-bar" data-analytics-region="promo-bar-primary"> <div class="promobar__carousel-container"> <span class="promobar__carousel-control promobar__carousel-control--previous"> <button type="button" class='prev-btn' aria-label="Previous Options"> <i class="fa fa-chevron-left notranslate"></i> </button> </span> <div class="promobar__carousel-slide" role='tablist'> <div class='promo-item last-clone' role='tab'> </div> <div class='promo-item promo-item--active'> <div class="rte-container"> <div class='show-desktop'> <p><p><a href="https://www.apple.com/shop/help/returns_refund#policy?cid=beats_wb_hmp_holidaypromo_us_na_na" target="_blank" data-analytics-click="true" data-analytics-link-type="cta" data-analytics-label="holiday-returns" data-aria-label-prefix="Extended Holiday Returns: Return eligible items to Apple by 1/8/25 - learn more">Extended Holiday Returns: Return eligible items to Apple by 1/8/25<i class="fa fa-external-link" style="vertical-align: middle;margin-left: 0.33em;"></i></a></p> </p> </div> <div class='show-tablet'> <p><p><a href="https://www.apple.com/shop/help/returns_refund#policy?cid=beats_wb_hmp_holidaypromo_us_na_na" target="_blank" data-analytics-click="true" data-analytics-link-type="cta" data-analytics-label="holiday-returns" data-aria-label-prefix="Extended Holiday Returns: Return eligible items to Apple by 1/8/25 - learn more">Extended Holiday Returns: Return eligible items to Apple by 1/8/25<i class="fa fa-external-link" style="vertical-align: middle;margin-left: 0.33em;"></i></a></p> </p> </div> <div class='show-mobile'> <p><p><a href="https://www.apple.com/shop/help/returns_refund#policy?cid=beats_wb_hmp_holidaypromo_us_na_na" target="_blank" data-analytics-click="true" data-analytics-link-type="cta" data-analytics-label="holiday-returns" data-aria-label-prefix="Extended Holiday Returns: Return eligible items to Apple by 1/8/25 - learn more">Extended Holiday Returns: Return eligible items to Apple by 1/8/25<i class="fa fa-external-link" style="vertical-align: middle;margin-left: 0.33em;"></i></a></p> </p> </div> </div> </div> <div class='promo-item '> <div class="rte-container"> <div class='show-desktop'> <p><p><a href="https://www.apple.com/shop/shipping-pickup" target="_blank" data-analytics-click="true" data-analytics-link-type="cta" data-analytics-label="delivery-fast-free" data-aria-label-prefix="Fast and free delivery - Learn More">Fast and free delivery<i class="fa fa-external-link" style="vertical-align: middle;margin-left: 0.33em;"></i></a></p> </p> </div> <div class='show-tablet'> <p><p><a href="https://www.apple.com/shop/shipping-pickup" target="_blank" data-analytics-click="true" data-analytics-link-type="cta" data-analytics-label="delivery-fast-free" data-aria-label-prefix="Fast and free delivery - Learn More">Fast and free delivery<i class="fa fa-external-link" style="vertical-align: middle;margin-left: 0.33em;"></i></a></p> </p> </div> <div class='show-mobile'> <p><p><a href="https://www.apple.com/shop/shipping-pickup" target="_blank" data-analytics-click="true" data-analytics-link-type="cta" data-analytics-label="delivery-fast-free" data-aria-label-prefix="Fast and free delivery - Learn More">Fast and free delivery<i class="fa fa-external-link" style="vertical-align: middle;margin-left: 0.33em;"></i></a></p> </p> </div> </div> </div> <div class='promo-item first-clone' role='tab'> </div> </div> <span class='promobar__carousel-control promobar__carousel-control--next'> <button type="button" class='next-btn' aria-label="Next Options"> <i class="fa fa-chevron-right notranslate"></i> </button> </span> </div> </section> </div> </div> <div class="ghost"> </div> </div> </div> <div id="maincontent" role="main"> <h1 class="a11y">Beats by Dre - Wireless Headphones, Earbuds, Speakers, and more</h1> <div class="bs3" style="overflow: visible;"> <div id="bs3-pdp"> <div><div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-86e9369e-08f9-3061-baab-10d2c0ae2a61 { background: linear-gradient(to bottom, #161616 70%, #F0F0F0 0%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-86e9369e-08f9-3061-baab-10d2c0ae2a61:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #161616 70%, #F0F0F0 0%); } .bbd-full-width-container.id-86e9369e-08f9-3061-baab-10d2c0ae2a61 .outer-container { width: 100%; max-width: 1920px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-86e9369e-08f9-3061-baab-10d2c0ae2a61:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #161616 70%, #F0F0F0 0%); } .bbd-full-width-container.id-86e9369e-08f9-3061-baab-10d2c0ae2a61 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-86e9369e-08f9-3061-baab-10d2c0ae2a61:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #161616 70%, #F0F0F0 0%); } .bbd-full-width-container.id-86e9369e-08f9-3061-baab-10d2c0ae2a61 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-86e9369e-08f9-3061-baab-10d2c0ae2a61" data-analytics-module="media_and_text" data-analytics-region="top_hero" data-desktop-bg-color="linear-gradient(to bottom, #161616 70%, #F0F0F0 0%)"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-ed7bff52-c189-3344-b26a-dd7ce79c5234 { padding-top: px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-ed7bff52-c189-3344-b26a-dd7ce79c5234 { padding-top: px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-ed7bff52-c189-3344-b26a-dd7ce79c5234 { padding-top: px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-ed7bff52-c189-3344-b26a-dd7ce79c5234"></section> </div> <div class="imageTextV2Container parsys section"> <div class=" " data-analytics-module="top_hero_background" data-analytics-region="athletesgetit-messi-pill"> <div id="id-095dfea6-0655-3885-8293-16ae4c8a5174" class="media-text"> <div class="media-text__inner media-text--overlay-lg media-text--overlay-md media-text--overlay-sm "> <div class="imageAndText2X"> <style type="text/css"> @media screen and (max-width: 767px) { .media-text__item#id-49726f37-58e7-3d4c-be98-47e87e476263 .media-text__item__content{ padding: ; max-width: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .media-text__item#id-49726f37-58e7-3d4c-be98-47e87e476263 .media-text__item__content { padding: ; max-width: ; } } @media screen and (min-width: 1024px) { .media-text__item#id-49726f37-58e7-3d4c-be98-47e87e476263 .media-text__item__content { padding: ; max-width: ; } } .media-text .media-text__item--visual#id-49726f37-58e7-3d4c-be98-47e87e476263 picture:before { display: block; background: ; } </style> <div id="id-49726f37-58e7-3d4c-be98-47e87e476263" class="media-text__item media-text__item--visual media-text--light media-text__item--visual--fill v-align-lg-top h-align-lg-left v-align-md-top h-align-md-left v-align-sm-top h-align-sm-left"> <div class="media-text__item__content "> <picture class="beats-picture "> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/home/hero/athletes-get-it/messi-hp-hero.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/home/hero/athletes-get-it/messi-hp-hero.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/home/hero/athletes-get-it/messi-hp-hero.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image " data-lazy="" data-src="/content/dam/beats/web/home/hero/athletes-get-it/messi-hp-hero.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/home/hero/athletes-get-it/messi-hp-hero.jpg.large.2x.jpg 2x" alt="Lionel Messi lying down with his head on a soccer ball, next to the Beats Pill" data-analytics-click="true" data-analytics-link-type="siteClick" data-analytics-label="background-img-athletesgetit-messi-pill" data-link="/speakers/beats-pill?sku=MW463"/> </picture> </div> </div> </div> <div class="imageAndText2X"> <style type="text/css"> @media screen and (max-width: 767px) { .media-text__item#id-59051fb8-a5ea-3685-9e1f-881e267854a9 .media-text__item__content{ padding: 0 0 30px 30px; max-width: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .media-text__item#id-59051fb8-a5ea-3685-9e1f-881e267854a9 .media-text__item__content { padding: 0 0 50px 50px; max-width: ; } } @media screen and (min-width: 1024px) { .media-text__item#id-59051fb8-a5ea-3685-9e1f-881e267854a9 .media-text__item__content { padding: 0 0 60px 60px; max-width: 80%; } } </style> <div id="id-59051fb8-a5ea-3685-9e1f-881e267854a9" class="media-text__item media-text--dark v-align-lg-bottom h-align-lg-left v-align-md-bottom h-align-md-left v-align-sm-bottom h-align-sm-left"> <div class="media-text__item__content "> <div> <div class="show-desktop"> <div style="margin: 0 0 0 -20px;"><span class="visuallyhidden">Athletes Get It</span><img src="/content/dam/beats/web/home/hero/athletes-get-it/athletes-get-it_black-slab.png" style="max-width: 300px;" aria-hidden="true"></div> </div> <div class="show-tablet"><div style="margin: 0 0 0 -15px;"><span class="visuallyhidden">Athletes Get It</span><img src="/content/dam/beats/web/home/hero/athletes-get-it/athletes-get-it_black-slab.png" style="max-width: 200px;" aria-hidden="true"></div> </div> <div class="show-mobile"><div><p style="margin: 0 0 0 -15px;"><span class="visuallyhidden">Athletes Get It</span><img src="/content/dam/beats/web/home/hero/athletes-get-it/athletes-get-it_black-slab.png" style="max-width: 200px;" aria-hidden="true"></p> </div> </div> <style> /*Button 1 */ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-29af694a-4e07-38a0-860e-d0d4ae921baa { color: #161616 !important; } } .beats-btn-mask.btn1-bg-hover-color-29af694a-4e07-38a0-860e-d0d4ae921baa, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-29af694a-4e07-38a0-860e-d0d4ae921baa, button.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-29af694a-4e07-38a0-860e-d0d4ae921baa { background-color: #FFFFFF !important; } /*Button 2*/ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-29af694a-4e07-38a0-860e-d0d4ae921baa{ color: #161616 !important; } } .beats-btn-mask.btn2-bg-hover-color-29af694a-4e07-38a0-860e-d0d4ae921baa, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-29af694a-4e07-38a0-860e-d0d4ae921baa, button.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-29af694a-4e07-38a0-860e-d0d4ae921baa { background-color: #FFFFFF !important; } a.btn-light.btn1-outline-color-29af694a-4e07-38a0-860e-d0d4ae921baa:after, button.btn-light.btn1-outline-color-29af694a-4e07-38a0-860e-d0d4ae921baa:after, a.btn-light.btn1-outline-color-29af694a-4e07-38a0-860e-d0d4ae921baa:hover:after, button.btn-light.btn1-outline-color-29af694a-4e07-38a0-860e-d0d4ae921baa:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } a.btn-light.btn2-outline-color-29af694a-4e07-38a0-860e-d0d4ae921baa:after, button.btn-light.btn2-outline-color-29af694a-4e07-38a0-860e-d0d4ae921baa:after, a.btn-light.btn2-outline-color-29af694a-4e07-38a0-860e-d0d4ae921baa:hover:after, button.btn-light.btn2-outline-color-29af694a-4e07-38a0-860e-d0d4ae921baa:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } @media (hover:hover){ .btn-light.btn1-bg-color-29af694a-4e07-38a0-860e-d0d4ae921baa:hover{ background-color: #FFFFFF !important; } .btn-light.btn2-bg-color-29af694a-4e07-38a0-860e-d0d4ae921baa:hover{ background-color: #FFFFFF !important; } } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-29af694a-4e07-38a0-860e-d0d4ae921baa{ background-color: #161616; } a.btn-light .beats-btn-inner.btn1-text-color-29af694a-4e07-38a0-860e-d0d4ae921baa, button.btn-light .beats-btn-inner.btn1-text-color-29af694a-4e07-38a0-860e-d0d4ae921baa{ color: #FFFFFF; } a.btn-light.btn1-outline-color-29af694a-4e07-38a0-860e-d0d4ae921baa, button.btn-light.btn1-outline-color-29af694a-4e07-38a0-860e-d0d4ae921baa{ border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-bg-color-29af694a-4e07-38a0-860e-d0d4ae921baa { background-color: #161616; } a.btn-light .beats-btn-inner.btn2-text-color-29af694a-4e07-38a0-860e-d0d4ae921baa, button.btn-light .beats-btn-inner.btn2-text-color-29af694a-4e07-38a0-860e-d0d4ae921baa{ color: #FFFFFF; } a.btn-light.btn2-outline-color-29af694a-4e07-38a0-860e-d0d4ae921baa, button.btn-light.btn2-outline-color-29af694a-4e07-38a0-860e-d0d4ae921baa{ border: 2px solid #FFFFFF; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-29af694a-4e07-38a0-860e-d0d4ae921baa{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-29af694a-4e07-38a0-860e-d0d4ae921baa{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-29af694a-4e07-38a0-860e-d0d4ae921baa{ background-color: #161616; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-29af694a-4e07-38a0-860e-d0d4ae921baa, button.btn-light .beats-btn-inner.btn1-tablet-text-color-29af694a-4e07-38a0-860e-d0d4ae921baa{ color: #FFFFFF; } a.btn-light.btn1-tablet-outline-color-29af694a-4e07-38a0-860e-d0d4ae921baa, button.btn-light.btn1-tablet-outline-color-29af694a-4e07-38a0-860e-d0d4ae921baa { border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-29af694a-4e07-38a0-860e-d0d4ae921baa{ background-color: #161616; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-29af694a-4e07-38a0-860e-d0d4ae921baa, button.btn-light .beats-btn-inner.btn2-tablet-text-color-29af694a-4e07-38a0-860e-d0d4ae921baa { color: #FFFFFF; } a.btn-light.btn2-tablet-outline-color-29af694a-4e07-38a0-860e-d0d4ae921baa, button.btn-light.btn2-tablet-outline-color-29af694a-4e07-38a0-860e-d0d4ae921baa { border: 2px solid #FFFFFF; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-29af694a-4e07-38a0-860e-d0d4ae921baa{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-29af694a-4e07-38a0-860e-d0d4ae921baa{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-29af694a-4e07-38a0-860e-d0d4ae921baa{ background-color: #161616; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-29af694a-4e07-38a0-860e-d0d4ae921baa, button.btn-light .beats-btn-inner.btn1-mobile-text-color-29af694a-4e07-38a0-860e-d0d4ae921baa{ color: #FFFFFF; } a.btn-light.btn1-mobile-outline-color-29af694a-4e07-38a0-860e-d0d4ae921baa, button.btn-light.btn1-mobile-outline-color-29af694a-4e07-38a0-860e-d0d4ae921baa { border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-29af694a-4e07-38a0-860e-d0d4ae921baa{ background-color: #161616; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-29af694a-4e07-38a0-860e-d0d4ae921baa, button.btn-light .beats-btn-inner.btn2-mobile-text-color-29af694a-4e07-38a0-860e-d0d4ae921baa{ color: #FFFFFF; } a.btn-light.btn2-mobile-outline-color-29af694a-4e07-38a0-860e-d0d4ae921baa, button.btn-light.btn2-mobile-outline-color-29af694a-4e07-38a0-860e-d0d4ae921baa { border: 2px solid #FFFFFF; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-29af694a-4e07-38a0-860e-d0d4ae921baa{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-29af694a-4e07-38a0-860e-d0d4ae921baa{ color: ; } } </style> <div class="bbd-component beats-cta-container beats-cta-container--align-left" data-analytics-module="top_hero_cta" data-analytics-region="athletesgetit-messi-pill"> <div class="button-container "> <div class="beats-button"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="athletesgetit-beatspill_shop-cta" href="/speakers/beats-pill?sku=MW463" id="29af694a-4e07-38a0-860e-d0d4ae921baa" data-id="29af694a-4e07-38a0-860e-d0d4ae921baa" aria-label="Shop Beats Pill speaker" class="beats-btn btn-light beats-btn--button beats-btn--authored btn1-bg-color-29af694a-4e07-38a0-860e-d0d4ae921baa btn1-outline-color-29af694a-4e07-38a0-860e-d0d4ae921baa btn1-tablet-bg-color-29af694a-4e07-38a0-860e-d0d4ae921baa btn1-tablet-outline-color-29af694a-4e07-38a0-860e-d0d4ae921baa btn1-mobile-bg-color-29af694a-4e07-38a0-860e-d0d4ae921baa btn1-mobile-outline-color-29af694a-4e07-38a0-860e-d0d4ae921baa " target="_self"> <span class="beats-btn-inner btn1-text-color-29af694a-4e07-38a0-860e-d0d4ae921baa btn1-tablet-text-color-29af694a-4e07-38a0-860e-d0d4ae921baa btn1-mobile-text-color-29af694a-4e07-38a0-860e-d0d4ae921baa btn1-text-hover-color-29af694a-4e07-38a0-860e-d0d4ae921baa btn1-tablet-text-hover-color-29af694a-4e07-38a0-860e-d0d4ae921baa btn1-mobile-text-hover-color-29af694a-4e07-38a0-860e-d0d4ae921baa">Shop Beats Pill</span> <span class="beats-btn-mask btn1-bg-hover-color-29af694a-4e07-38a0-860e-d0d4ae921baa"></span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style type="text/css"> </style> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-0f8950a0-51b6-37ab-bd52-342877f0358d { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-0f8950a0-51b6-37ab-bd52-342877f0358d { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-0f8950a0-51b6-37ab-bd52-342877f0358d { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-0f8950a0-51b6-37ab-bd52-342877f0358d"></section> </div> </div> </div> </div> </section> </div> <div class="ghost section"> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-f3d8acd2-5970-3caf-95b6-1934873c51b4 { background: #F0F0F0; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-f3d8acd2-5970-3caf-95b6-1934873c51b4:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-f3d8acd2-5970-3caf-95b6-1934873c51b4 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-f3d8acd2-5970-3caf-95b6-1934873c51b4:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-f3d8acd2-5970-3caf-95b6-1934873c51b4 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-f3d8acd2-5970-3caf-95b6-1934873c51b4:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-f3d8acd2-5970-3caf-95b6-1934873c51b4 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-f3d8acd2-5970-3caf-95b6-1934873c51b4" data-desktop-bg-color="#F0F0F0"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-51c160ea-c635-3149-9f8b-d066fc1c085a { padding-top: 72px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-51c160ea-c635-3149-9f8b-d066fc1c085a { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-51c160ea-c635-3149-9f8b-d066fc1c085a { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-51c160ea-c635-3149-9f8b-d066fc1c085a"></section> </div> <div class="experiencefragment section"> <!-- SDI include (path: /content/beatswebsite/us/en_US/experience-fragments/card-carousels/homepage/default/_jcr_content.content.nocache.html, resourceType: cq/experience-fragments/components/xfpage) --> <div class="beatsRTE parbase"><!-- This components accepts free text from authors and renders --> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="product_card_carousel_header" data-analytics-scroll> <div class="rte-container-63fa52f3-3590-3df4-b851-ea3d3cda72eb component-section-spacing beatsRTE"> <div style="text-align: center;"> <h2 class="headline-3">Gifts for Athletes</h2> </div> </div> </section> </div> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-c9fd312a-3d9e-360c-8709-745ef3d0e9e7 { padding-top: 48px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-c9fd312a-3d9e-360c-8709-745ef3d0e9e7 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-c9fd312a-3d9e-360c-8709-745ef3d0e9e7 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-c9fd312a-3d9e-360c-8709-745ef3d0e9e7"></section> </div> <div class="cardCarousel"> <style> .row-carousel.row-carousel-66b3b367-e221-3151-9aca-cab3062142b5 { } @media screen and (max-width: 767px) { .row-carousel.row-carousel-66b3b367-e221-3151-9aca-cab3062142b5 ul.dots .dot.active { } .row-carousel.row-carousel-66b3b367-e221-3151-9aca-cab3062142b5 ul.dots .dot:not(.active) { } } </style> <div class="row-carousel row-carousel-66b3b367-e221-3151-9aca-cab3062142b5" data-analytics-module="card_carousel" data-analytics-region="product_card_carousel" data-analytics-scroll=""> <div class="row-carousel__inner"> <button type="button" class="row-carousel__prev" aria-label="Previous Item"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <path d="M0.377647059,29.9998589 C0.377647059,30.8615295 0.68784706,31.6197883 1.34272236,32.2747059 L28.6749883,58.9865295 C29.2609412,59.6069295 30.0192001,59.9171366 30.9153177,59.9171366 C32.7076236,59.9171366 34.0862824,58.5729248 34.0862824,56.7806472 C34.0862824,55.8845083 33.707153,55.1262333 33.1556471,54.5402959 L8.06378825,29.9998589 L33.1556471,5.4594353 C33.707153,4.87348236 34.0862824,4.08070589 34.0862824,3.2190353 C34.0862824,1.4268 32.7076236,0.0825882354 30.9153177,0.0825882354 C30.0192001,0.0825882354 29.2609412,0.392752942 28.6749883,0.978705884 L1.34272236,27.7250118 C0.68784706,28.3454118 0.377647059,29.1381883 0.377647059,29.9998589 Z" transform="translate(14.706 2)"></path> </svg> </button> <div class="row-carousel__content"> <ul> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="/headphones/solo4-wireless/MUW33/solo4-cloudpink" data-analytics-click="" data-analytics-link-type="siteClick" target="_self" data-analytics-item="Beats Solo 4" aria-label="Shop Beats Solo 4" class="card card-eb736980-c36a-396b-8553-0e1bd1397e6c card--large card--large-eb736980-c36a-396b-8553-0e1bd1397e6c card--light "> <style> .card--custom-eb736980-c36a-396b-8553-0e1bd1397e6c{ width: 410px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div class="font-updated" style="line-height: 1.2; min-height: 4rem; padding-bottom: 25px;"> <div class="pc-eyebrow" style="min-height: 1rem; color: #e31837; font-size: 1rem; font-weight: 700; line-height: 1; text-transform: uppercase; letter-spacing: -0.4px;"> </div> <div class="font-updated"> <div style="max-width: 390px; display: inline-block;"> <p style="color: #161616; font-size: clamp(1.75rem, 5vw, 2.125rem); font-weight: 700; line-height: 1.16; letter-spacing: -1px; word-break: keep-all; z-index: 1; margin: 0;">Beats Solo&nbsp;4</p> </div> <p class="pdp-med-body rte-plg-el"><span class="pc-originalprice" style="font-weight: 700; color: #161616; font-size: clamp(1rem, 5vw, 1.375rem); line-height: 1.14; letter-spacing: -0.4px;" data-onsale="not-onsale">$199.99</span></p> </div> </div></span> </p> </div> <img src="/content/dam/beats/web/product/headphones/solo4-wireless/plp/plp-solo4-cloudpink.jpg" alt="Beats Solo 4 headphones"/> <div class="card__content-bottom"> <p style="margin-bottom: 0;"><div style="display: grid; justify-content: center; align-items: center; padding-top: 40px; grid-template-columns: repeat(3, 30px);"> <span style="background-color: #000000; border-radius: 20px; width: 21px; display: inline-block; height: 21px; margin: 0 auto;">&nbsp;</span> <span style="background-color: #6c8bab; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;">&nbsp;</span> <span style="background-color: #f2e7ee; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;">&nbsp;</span> </div></p> </div> </a> </div> </div> </li> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="/earbuds/beats-fit-pro/MK2F3/beats-black" data-analytics-click="" data-analytics-link-type="siteClick" target="_self" data-analytics-item="Beats Fit Pro" aria-label="Shop Beats Fit Pro" class="card card-b138f1e6-343d-3bc9-9ec5-e93eca3416a2 card--large card--large-b138f1e6-343d-3bc9-9ec5-e93eca3416a2 card--light "> <style> .card--custom-b138f1e6-343d-3bc9-9ec5-e93eca3416a2{ width: 410px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div style="min-height: 4rem;"> <div class="pc-eyebrow eyebrow eyebrow-large" style="min-height: 1rem; color: #e31837; text-transform: uppercase;"> </div> <p style="color: #161616;"><span class="headline-4">Beats Fit Pro</span></p> <p class="pdp-med-body rte-plg-el" style="color: #161616;"><span class="pc-originalprice price" data-onsale="not-onsale">$199.99</span></p> </div></span> </p> </div> <img src="/content/dam/beats/web/product/earbuds/beats-fit-pro/plp/plp-fitpro-black.jpg" alt="A pair of Beats Fit Pro earbuds"/> <div class="card__content-bottom"> <p style="margin-bottom: 0;"><div style="display: grid; justify-content: center; align-items: center; padding-top: 40px; grid-template-columns: repeat(4, 30px);"> <span style="background-color: #000000; border-radius: 20px; width: 21px; display: inline-block; height: 21px; margin: 0 auto;">&nbsp;</span> <span style="background-color: #EBEBEB; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;">&nbsp;</span> <span style="background-color: #6C6C6D; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;">&nbsp;</span> <span style="background-color: #E4CCEE; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;"></span> </div></p> </div> </a> </div> </div> </li> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="/headphones/studio-pro-wireless/MQTQ3/navy" data-analytics-click="" data-analytics-link-type="siteClick" target="_self" data-analytics-item="Beats Studio Pro" aria-label="Shop Beats Studio Pro" class="card card-490441bd-bdef-34c5-b3ed-318f3f4d4792 card--large card--large-490441bd-bdef-34c5-b3ed-318f3f4d4792 card--light "> <style> .card--custom-490441bd-bdef-34c5-b3ed-318f3f4d4792{ width: 410px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div class="font-updated" style="line-height: 1.2; min-height: 4rem; padding-bottom: 25px;"> <div class="pc-eyebrow" style="min-height: 1rem; color: #e31837; font-size: 1rem; font-weight: 700; line-height: 1; text-transform: uppercase; letter-spacing: -0.4px;"> </div> <div class="font-updated"> <div style="max-width: 390px; display: inline-block;"> <h3 style="color: #161616; font-size: clamp(1.75rem, 5vw, 2.125rem); font-weight: 700; line-height: 1.16; letter-spacing: -1px; word-break: keep-all; z-index: 1; margin: 0;">Beats Studio Pro</h3> </div> <p class="pdp-med-body rte-plg-el"><span class="pc-originalprice" style="font-weight: 700; color: #161616; font-size: clamp(1rem, 5vw, 1.375rem); line-height: 1.14; letter-spacing: -0.4px;" data-onsale="not-onsale">$349.99</span></p> </div> </div></span> </p> </div> <img src="/content/dam/beats/web/product/headphones/studiopro-wireless/plp/plp-studiopro-navy.jpg" alt="Beats Studio Pro headphones"/> <div class="card__content-bottom"> <p style="margin-bottom: 0;"><div style="display: grid; justify-content: center; align-items: center; padding-top: 40px; grid-template-columns: repeat(7, 30px);"> <span style="background-color: #2b2b2b; border-radius: 20px; width: 21px; display: inline-block; height: 21px; margin: 0 auto;">&nbsp;</span> <span style="background-color: #382925; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;">&nbsp;</span> <span style="background-color: #26263D; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;">&nbsp;</span> <span style="background-color: #D8CFC8; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;">&nbsp;</span> <span style="background-color: #ECD1C4; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;">&nbsp;</span> <span style="background-color: #B37F66; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;">&nbsp;</span> <span style="background-color: #66423A; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;">&nbsp;</span> </div></p> </div> </a> </div> </div> </li> </ul> </div> <button type="button" class="row-carousel__next" aria-label="Next Item"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <path d="M34.0862824,29.9998589 C34.0862824,29.1381883 33.7416001,28.3454118 33.086753,27.7250118 L5.78894119,0.978705884 C5.16854119,0.392752942 4.41028236,0.0825882354 3.51409412,0.0825882354 C1.75630589,0.0825882354 0.377647059,1.4268 0.377647059,3.2190353 C0.377647059,4.08070589 0.722329413,4.87348236 1.27376471,5.4594353 L26.3656942,29.9998589 L1.27376471,54.5402959 C0.722329413,55.1262333 0.377647059,55.8845083 0.377647059,56.7806472 C0.377647059,58.5729248 1.75630589,59.9171366 3.51409412,59.9171366 C4.41028236,59.9171366 5.16854119,59.6069295 5.78894119,58.9865295 L33.086753,32.2747059 C33.7416001,31.6197883 34.0862824,30.8615295 34.0862824,29.9998589 Z" transform="translate(14.706 2)"></path> </svg> </button> </div> </div></div> <div class="beatsCTA"> <style> /*Button 1 */ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7 { color: #161616 !important; } } .beats-btn-mask.btn1-bg-hover-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7, button.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7 { background-color: TRANSPARENT !important; } /*Button 2*/ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7{ color: !important; } } .beats-btn-mask.btn2-bg-hover-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7, button.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7 { background-color: !important; } a.btn-light.btn1-outline-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7:after, button.btn-light.btn1-outline-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7:after, a.btn-light.btn1-outline-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7:hover:after, button.btn-light.btn1-outline-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } a.btn-light.btn2-outline-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7:after, button.btn-light.btn2-outline-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7:after, a.btn-light.btn2-outline-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7:hover:after, button.btn-light.btn2-outline-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } @media (hover:hover){ .btn-light.btn1-bg-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7:hover{ background-color: TRANSPARENT !important; } .btn-light.btn2-bg-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7:hover{ background-color: !important; } } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7{ background-color: #161616; } a.btn-light .beats-btn-inner.btn1-text-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7, button.btn-light .beats-btn-inner.btn1-text-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7{ color: #FFFFFF; } a.btn-light.btn1-outline-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7, button.btn-light.btn1-outline-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7{ border: 2px solid #161616; } /*Button 2*/ .btn-light.btn2-bg-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7 { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7, button.btn-light .beats-btn-inner.btn2-text-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7{ color: ; } a.btn-light.btn2-outline-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7, button.btn-light.btn2-outline-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7{ border: 2px solid transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-46f54f08-d7d9-3dcb-aa48-8e091d2323d7{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-46f54f08-d7d9-3dcb-aa48-8e091d2323d7{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7{ background-color: #161616; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7, button.btn-light .beats-btn-inner.btn1-tablet-text-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7{ color: #FFFFFF; } a.btn-light.btn1-tablet-outline-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7, button.btn-light.btn1-tablet-outline-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7 { border: 2px solid #161616; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7{ background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7, button.btn-light .beats-btn-inner.btn2-tablet-text-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7 { color: ; } a.btn-light.btn2-tablet-outline-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7, button.btn-light.btn2-tablet-outline-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7 { border: 2px solid transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-46f54f08-d7d9-3dcb-aa48-8e091d2323d7{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-46f54f08-d7d9-3dcb-aa48-8e091d2323d7{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7{ background-color: #161616; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7, button.btn-light .beats-btn-inner.btn1-mobile-text-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7{ color: #FFFFFF; } a.btn-light.btn1-mobile-outline-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7, button.btn-light.btn1-mobile-outline-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7 { border: 2px solid #161616; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7{ background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7, button.btn-light .beats-btn-inner.btn2-mobile-text-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7{ color: ; } a.btn-light.btn2-mobile-outline-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7, button.btn-light.btn2-mobile-outline-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7 { border: 2px solid transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-46f54f08-d7d9-3dcb-aa48-8e091d2323d7{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-46f54f08-d7d9-3dcb-aa48-8e091d2323d7{ color: ; } } </style> <div class="bbd-component beats-cta-container beats-cta-container--align-center" data-analytics-module="cta" data-analytics-region="cta-shop-gift-guide" data-analytics-scroll> <div class="button-container "> <div class="beats-button"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="shop-gift-guide" href="/promotions" id="46f54f08-d7d9-3dcb-aa48-8e091d2323d7" data-id="46f54f08-d7d9-3dcb-aa48-8e091d2323d7" aria-label="Shop Gift Guide" class="beats-btn btn-light beats-btn--button beats-btn--authored btn1-bg-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7 btn1-outline-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7 btn1-tablet-bg-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7 btn1-tablet-outline-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7 btn1-mobile-bg-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7 btn1-mobile-outline-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7 " target="_self"> <span class="beats-btn-inner btn1-text-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7 btn1-tablet-text-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7 btn1-mobile-text-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7 btn1-text-hover-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7 btn1-tablet-text-hover-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7 btn1-mobile-text-hover-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7">Shop Gift Guide</span> <span class="beats-btn-mask btn1-bg-hover-color-46f54f08-d7d9-3dcb-aa48-8e091d2323d7"></span> </a> </div> </div> </div> </div> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-a73856cb-ee18-3e46-b6f6-afed895e637f { padding-top: 72px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-a73856cb-ee18-3e46-b6f6-afed895e637f { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-a73856cb-ee18-3e46-b6f6-afed895e637f { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-a73856cb-ee18-3e46-b6f6-afed895e637f"></section> </div> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-87ce4be9-036e-328c-be3e-f30646af4838 { padding-top: px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-87ce4be9-036e-328c-be3e-f30646af4838 { padding-top: px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-87ce4be9-036e-328c-be3e-f30646af4838 { padding-top: px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-87ce4be9-036e-328c-be3e-f30646af4838"></section> </div> </div> </div> </div> </section> </div> <div class="ghost section"> </div> <div class="ghost section"> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-b322d83b-386c-3964-84a2-1367b454667e { background: linear-gradient(to bottom, #F0F0F0 50%, transparent 0%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-b322d83b-386c-3964-84a2-1367b454667e:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #F0F0F0 50%, transparent 0%); } .bbd-full-width-container.id-b322d83b-386c-3964-84a2-1367b454667e .outer-container { width: 100%; max-width: 1920px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-b322d83b-386c-3964-84a2-1367b454667e:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #F0F0F0 50%, transparent 0%); } .bbd-full-width-container.id-b322d83b-386c-3964-84a2-1367b454667e .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-b322d83b-386c-3964-84a2-1367b454667e:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-b322d83b-386c-3964-84a2-1367b454667e .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-b322d83b-386c-3964-84a2-1367b454667e" data-analytics-module="media_and_text" data-analytics-region="middle_hero" data-desktop-bg-color="linear-gradient(to bottom, #F0F0F0 50%, transparent 0%)"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-e883215f-860f-3442-9bc6-3c365db68815 { padding-top: px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-e883215f-860f-3442-9bc6-3c365db68815 { padding-top: px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-e883215f-860f-3442-9bc6-3c365db68815 { padding-top: px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-e883215f-860f-3442-9bc6-3c365db68815"></section> </div> <div class="imageTextV2Container parsys section"> <div class=" " data-analytics-module="middle_hero" data-analytics-region="giftguide-lifestyle"> <div id="id-b76903ed-5334-3a21-9c69-4dcd0a7f5793" class="media-text"> <div class="media-text__inner media-text--overlay-lg media-text--overlay-md media-text--overlay-sm "> <div class="imageAndText2X"> <style type="text/css"> @media screen and (max-width: 767px) { .media-text__item#id-a9db2c13-eba3-3ed9-818c-e754fc0bc447 .media-text__item__content{ padding: ; max-width: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .media-text__item#id-a9db2c13-eba3-3ed9-818c-e754fc0bc447 .media-text__item__content { padding: ; max-width: ; } } @media screen and (min-width: 1024px) { .media-text__item#id-a9db2c13-eba3-3ed9-818c-e754fc0bc447 .media-text__item__content { padding: ; max-width: ; } } .media-text .media-text__item--visual#id-a9db2c13-eba3-3ed9-818c-e754fc0bc447 picture:before { display: block; background: ; } </style> <div id="id-a9db2c13-eba3-3ed9-818c-e754fc0bc447" class="media-text__item media-text__item--visual media-text--light media-text__item--visual--fill v-align-lg-top h-align-lg-left v-align-md-top h-align-md-left v-align-sm-top h-align-sm-left"> <div class="media-text__item__content "> <picture class="beats-picture "> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/home/secondary-hero/holiday-gift-guide/holiday-hp-hero2.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/home/secondary-hero/holiday-gift-guide/holiday-hp-hero2.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/home/secondary-hero/holiday-gift-guide/holiday-hp-hero2.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image " data-lazy="" data-src="/content/dam/beats/web/home/secondary-hero/holiday-gift-guide/holiday-hp-hero2.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/home/secondary-hero/holiday-gift-guide/holiday-hp-hero2.jpg.large.2x.jpg 2x" alt="Beats holiday gifts" data-analytics-click="true" data-analytics-link-type="siteClick" data-analytics-label="background-img-giftguide" data-link="/promotions"/> </picture> </div> </div> </div> <div class="imageAndText2X"> <style type="text/css"> @media screen and (max-width: 767px) { .media-text__item#id-b24cf2ce-9b3c-367c-b882-37ca5b64404e .media-text__item__content{ padding: ; max-width: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .media-text__item#id-b24cf2ce-9b3c-367c-b882-37ca5b64404e .media-text__item__content { padding: 0 0 0 50px; max-width: 40%; } } @media screen and (min-width: 1024px) { .media-text__item#id-b24cf2ce-9b3c-367c-b882-37ca5b64404e .media-text__item__content { padding: 0 0 0 60px; max-width: 40%; } } </style> <div id="id-b24cf2ce-9b3c-367c-b882-37ca5b64404e" class="media-text__item media-text--dark v-align-lg-middle h-align-lg-left v-align-md-middle h-align-md-left v-align-sm-bottom h-align-sm-left"> <div class="media-text__item__content "> <div> <div class="show-desktop"> <div style="margin-bottom: 5%;"><h2 class="headline-2" style="font-weight: 400;">The Beats Holiday Gift&nbsp;Guide</h2> </div> </div> <div class="show-tablet"><div style="margin-bottom: 3%;"><h2 class="headline-2" style="font-weight: 400;">The Beats Holiday Gift&nbsp;Guide</h2> </div> </div> <div class="show-mobile"><div style="margin: 0;"><h2 class="headline-2" style="font-weight: 400;">The Beats Holiday Gift&nbsp;Guide</h2> </div> </div> <style> /*Button 1 */ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-71da1843-6d1a-375b-8de7-e23427b5488f { color: #FFFFFF !important; } } .beats-btn-mask.btn1-bg-hover-color-71da1843-6d1a-375b-8de7-e23427b5488f, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-71da1843-6d1a-375b-8de7-e23427b5488f, button.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-71da1843-6d1a-375b-8de7-e23427b5488f { background-color: #C8102E !important; } /*Button 2*/ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-71da1843-6d1a-375b-8de7-e23427b5488f{ color: !important; } } .beats-btn-mask.btn2-bg-hover-color-71da1843-6d1a-375b-8de7-e23427b5488f, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-71da1843-6d1a-375b-8de7-e23427b5488f, button.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-71da1843-6d1a-375b-8de7-e23427b5488f { background-color: !important; } a.btn-light.btn1-outline-color-71da1843-6d1a-375b-8de7-e23427b5488f:after, button.btn-light.btn1-outline-color-71da1843-6d1a-375b-8de7-e23427b5488f:after, a.btn-light.btn1-outline-color-71da1843-6d1a-375b-8de7-e23427b5488f:hover:after, button.btn-light.btn1-outline-color-71da1843-6d1a-375b-8de7-e23427b5488f:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } a.btn-light.btn2-outline-color-71da1843-6d1a-375b-8de7-e23427b5488f:after, button.btn-light.btn2-outline-color-71da1843-6d1a-375b-8de7-e23427b5488f:after, a.btn-light.btn2-outline-color-71da1843-6d1a-375b-8de7-e23427b5488f:hover:after, button.btn-light.btn2-outline-color-71da1843-6d1a-375b-8de7-e23427b5488f:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } @media (hover:hover){ .btn-light.btn1-bg-color-71da1843-6d1a-375b-8de7-e23427b5488f:hover{ background-color: #C8102E !important; } .btn-light.btn2-bg-color-71da1843-6d1a-375b-8de7-e23427b5488f:hover{ background-color: !important; } } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-71da1843-6d1a-375b-8de7-e23427b5488f{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-text-color-71da1843-6d1a-375b-8de7-e23427b5488f, button.btn-light .beats-btn-inner.btn1-text-color-71da1843-6d1a-375b-8de7-e23427b5488f{ color: #161616; } a.btn-light.btn1-outline-color-71da1843-6d1a-375b-8de7-e23427b5488f, button.btn-light.btn1-outline-color-71da1843-6d1a-375b-8de7-e23427b5488f{ border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-bg-color-71da1843-6d1a-375b-8de7-e23427b5488f { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-71da1843-6d1a-375b-8de7-e23427b5488f, button.btn-light .beats-btn-inner.btn2-text-color-71da1843-6d1a-375b-8de7-e23427b5488f{ color: ; } a.btn-light.btn2-outline-color-71da1843-6d1a-375b-8de7-e23427b5488f, button.btn-light.btn2-outline-color-71da1843-6d1a-375b-8de7-e23427b5488f{ border: 2px solid transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-71da1843-6d1a-375b-8de7-e23427b5488f{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-71da1843-6d1a-375b-8de7-e23427b5488f{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-71da1843-6d1a-375b-8de7-e23427b5488f{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-71da1843-6d1a-375b-8de7-e23427b5488f, button.btn-light .beats-btn-inner.btn1-tablet-text-color-71da1843-6d1a-375b-8de7-e23427b5488f{ color: #161616; } a.btn-light.btn1-tablet-outline-color-71da1843-6d1a-375b-8de7-e23427b5488f, button.btn-light.btn1-tablet-outline-color-71da1843-6d1a-375b-8de7-e23427b5488f { border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-71da1843-6d1a-375b-8de7-e23427b5488f{ background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-71da1843-6d1a-375b-8de7-e23427b5488f, button.btn-light .beats-btn-inner.btn2-tablet-text-color-71da1843-6d1a-375b-8de7-e23427b5488f { color: ; } a.btn-light.btn2-tablet-outline-color-71da1843-6d1a-375b-8de7-e23427b5488f, button.btn-light.btn2-tablet-outline-color-71da1843-6d1a-375b-8de7-e23427b5488f { border: 2px solid transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-71da1843-6d1a-375b-8de7-e23427b5488f{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-71da1843-6d1a-375b-8de7-e23427b5488f{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-71da1843-6d1a-375b-8de7-e23427b5488f{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-71da1843-6d1a-375b-8de7-e23427b5488f, button.btn-light .beats-btn-inner.btn1-mobile-text-color-71da1843-6d1a-375b-8de7-e23427b5488f{ color: #161616; } a.btn-light.btn1-mobile-outline-color-71da1843-6d1a-375b-8de7-e23427b5488f, button.btn-light.btn1-mobile-outline-color-71da1843-6d1a-375b-8de7-e23427b5488f { border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-71da1843-6d1a-375b-8de7-e23427b5488f{ background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-71da1843-6d1a-375b-8de7-e23427b5488f, button.btn-light .beats-btn-inner.btn2-mobile-text-color-71da1843-6d1a-375b-8de7-e23427b5488f{ color: ; } a.btn-light.btn2-mobile-outline-color-71da1843-6d1a-375b-8de7-e23427b5488f, button.btn-light.btn2-mobile-outline-color-71da1843-6d1a-375b-8de7-e23427b5488f { border: 2px solid transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-71da1843-6d1a-375b-8de7-e23427b5488f{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-71da1843-6d1a-375b-8de7-e23427b5488f{ color: ; } } </style> <div class="bbd-component beats-cta-container beats-cta-container--align-left" data-analytics-module="middle_hero_cta" data-analytics-region="giftguide_cta"> <div class="button-container "> <div class="beats-button"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="shop" href="/promotions" id="71da1843-6d1a-375b-8de7-e23427b5488f" data-id="71da1843-6d1a-375b-8de7-e23427b5488f" aria-label="Shop Beats Gift Guide" class="beats-btn btn-light beats-btn--button beats-btn--authored btn1-bg-color-71da1843-6d1a-375b-8de7-e23427b5488f btn1-outline-color-71da1843-6d1a-375b-8de7-e23427b5488f btn1-tablet-bg-color-71da1843-6d1a-375b-8de7-e23427b5488f btn1-tablet-outline-color-71da1843-6d1a-375b-8de7-e23427b5488f btn1-mobile-bg-color-71da1843-6d1a-375b-8de7-e23427b5488f btn1-mobile-outline-color-71da1843-6d1a-375b-8de7-e23427b5488f " target="_self"> <span class="beats-btn-inner btn1-text-color-71da1843-6d1a-375b-8de7-e23427b5488f btn1-tablet-text-color-71da1843-6d1a-375b-8de7-e23427b5488f btn1-mobile-text-color-71da1843-6d1a-375b-8de7-e23427b5488f btn1-text-hover-color-71da1843-6d1a-375b-8de7-e23427b5488f btn1-tablet-text-hover-color-71da1843-6d1a-375b-8de7-e23427b5488f btn1-mobile-text-hover-color-71da1843-6d1a-375b-8de7-e23427b5488f">Shop</span> <span class="beats-btn-mask btn1-bg-hover-color-71da1843-6d1a-375b-8de7-e23427b5488f"></span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style type="text/css"> </style> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-fefd00bc-f107-3dc5-83ae-6f160a7f7589 { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-fefd00bc-f107-3dc5-83ae-6f160a7f7589 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-fefd00bc-f107-3dc5-83ae-6f160a7f7589 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-fefd00bc-f107-3dc5-83ae-6f160a7f7589"></section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-b3da237b-63e9-3f48-89f2-1e4be164e8bd { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-b3da237b-63e9-3f48-89f2-1e4be164e8bd:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-b3da237b-63e9-3f48-89f2-1e4be164e8bd .outer-container { width: 91.66666%; max-width: 1170px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-b3da237b-63e9-3f48-89f2-1e4be164e8bd:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-b3da237b-63e9-3f48-89f2-1e4be164e8bd .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-b3da237b-63e9-3f48-89f2-1e4be164e8bd:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-b3da237b-63e9-3f48-89f2-1e4be164e8bd .outer-container { width: 84%; max-width: 315px; } } </style> <section class="bbd-component bbd-full-width-container id-b3da237b-63e9-3f48-89f2-1e4be164e8bd" data-analytics-module="experience_fragment" data-analytics-region="transaction_value_props" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="experiencefragment section"> <!-- SDI include (path: /content/beatswebsite/us/en_US/experience-fragments/global-content/apple-value-props/_jcr_content.content.nocache.html, resourceType: cq/experience-fragments/components/xfpage) --> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-2a592e58-e19c-38f9-b7a3-0f9690197c68 { padding-top: 72px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-2a592e58-e19c-38f9-b7a3-0f9690197c68 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-2a592e58-e19c-38f9-b7a3-0f9690197c68 { padding-top: 48px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-2a592e58-e19c-38f9-b7a3-0f9690197c68"></section> </div> <div class="staticRCTileContainer parbase"> <div class="sm-12 content-item__header"> <div style="text-align: center;color: rgb(22,22,22);letter-spacing: -1.0px;"> <h2 style="color: inherit;text-align: center;font-size: 32.0px;line-height: 34.0px;font-weight: 700;margin: 0 0 35.0px;padding: 0;">Holiday Shopping Through Apple</h2> </div> </div> <div class="layout-flex justify-content-center row-gap-lg-0 row-gap-md-0 row-gap-sm-5 column-gap-lg-2 column-gap-md-0 column-gap-sm-0" data-analytics-scroll data-analytics-module="image_text_tiles" data-analytics-region="apple_value_props"> <div class="content-item content-item-990b05cb-e8ed-3e0a-8c72-e396d68f3ce5 content-item--snippet content-item--center sm-12 md-4 lg-4 content-item--link--primary"> <div class="content-item__inner"> <div class="content-item__visual"> <div class="content-item__visual__icon"> <i class="fa-kit fa-delivery fa-size fa-5x" role="presentation"></i> </div> </div> <div class="content-item__copy"> <div class="show-desktop content-item__description"><div> <h3 style="font-weight: 700; font-size: 24px; letter-spacing: -1px;">Fast and Free Delivery</h3> <p style="font-size: 20px; font-weight: 400; line-height: 1.5rem; margin: 8px 0 0 0; letter-spacing: -0.2px;">Enjoy free two-day delivery on most in-stock items.</p> </div></div> <div class="show-tablet content-item__description"><div> <h3 style="font-weight: 700; font-size: 24px; letter-spacing: -1px;">Fast and Free Delivery</h3> <p style="font-size: 20px; font-weight: 400; line-height: 1.5rem; margin: 8px 0 0 0; letter-spacing: -0.2px;">Enjoy free two-day delivery on most in-stock items.</p> </div></div> <div class="show-mobile content-item__description"><div> <h3 style="font-weight: 700; font-size: 20px; letter-spacing: -1px;">Fast and Free Delivery</h3> <p style="font-size: 18px; font-weight: 400; line-height: 1.5rem; margin: 8px 0 0 0; letter-spacing: -0.2px;">Enjoy free two-day delivery on most in-stock items.</p> </div></div> <a data-analytics-click data-analytics-link-type="appleExit" data-analytics-label="Learn More Button | Fast, Free Delivery" class="content-item__link TODO--dark" href="https://www.apple.com/shop/help/shipping_delivery" target="_blank" aria-label="Learn more about fast and free delivery - Opens in new window"> <span style="font-weight: 700;letter-spacing: -1.0px;">Learn More<i class="fa fa-external-link" style="vertical-align: middle;margin-left: 0.33em;font-weight: 700;"></i></span> </a> </div> </div> </div> <div class="content-item content-item-f374d365-f74d-37df-b734-ca9eadc334aa content-item--snippet content-item--center sm-12 md-4 lg-4 content-item--link--primary"> <div class="content-item__inner"> <div class="content-item__visual"> <div class="content-item__visual__icon"> <i class="fa-kit fa-apple-music fa-size fa-5x" role="presentation"></i> </div> </div> <div class="content-item__copy"> <div class="show-desktop content-item__description"><div> <h3 style="font-weight: 700; font-size: 24px; letter-spacing: -1px;">In-Store Pickup</h3> <p style="font-size: 20px; font-weight: 400; line-height: 1.5rem; margin: 8px 0 0 0; letter-spacing: -0.2px;">Pick up your online order at an Apple Store near you.</p> </div></div> <div class="show-tablet content-item__description"><div> <h3 style="font-weight: 700; font-size: 24px; letter-spacing: -1px;">In-Store Pickup</h3> <p style="font-size: 20px; font-weight: 400; line-height: 1.5rem; margin: 8px 0 0 0; letter-spacing: -0.2px;">Pick up your online order at an Apple Store near you.</p> </div></div> <div class="show-mobile content-item__description"><div> <h3 style="font-weight: 700; font-size: 20px; letter-spacing: -1px;">In-Store Pickup</h3> <p style="font-size: 18px; font-weight: 400; line-height: 1.5rem; margin: 8px 0 0 0; letter-spacing: -0.2px;">Pick up your online order at an Apple Store near you.</p> </div></div> <a data-analytics-click data-analytics-link-type="appleExit" data-analytics-label="Learn More Button | In-store Pickup" class="content-item__link TODO--dark" href="https://www.apple.com/shop/help/shipping_delivery#pickup" target="_blank" aria-label="Learn more about in-store pickup - Opens in new window"> <span style="font-weight: 700;letter-spacing: -1.0px;">Learn More<i class="fa fa-external-link" style="vertical-align: middle;margin-left: 0.33em;font-weight: 700;"></i></span> </a> </div> </div> </div> <div class="content-item content-item-7c856968-f109-3cee-8e90-cacb8a33d510 content-item--snippet content-item--center sm-12 md-4 lg-4 content-item--link--primary"> <div class="content-item__inner"> <div class="content-item__visual"> <div class="content-item__visual__icon"> <i class="fa-kit fa-returns fa-size fa-5x" role="presentation"></i> </div> </div> <div class="content-item__copy"> <div class="show-desktop content-item__description"><div> <h3 style="font-weight: 700; font-size: 24px; letter-spacing: -1px;">Extended Holiday Returns</h3> <p style="font-size: 20px; font-weight: 400; line-height: 1.5rem; margin: 8px 0 0 0; letter-spacing: -0.2px;">Free returns on eligible Beats until 1/8/25.</p> </div></div> <div class="show-tablet content-item__description"><div> <h3 style="font-weight: 700; font-size: 24px; letter-spacing: -1px;">Extended Holiday Returns</h3> <p style="font-size: 20px; font-weight: 400; line-height: 1.5rem; margin: 8px 0 0 0; letter-spacing: -0.2px;">Free returns on eligible Beats until 1/8/25.</p> </div></div> <div class="show-mobile content-item__description"><div> <h3 style="font-weight: 700; font-size: 20px; letter-spacing: -1px;">Extended Holiday Returns</h3> <p style="font-size: 18px; font-weight: 400; line-height: 1.5rem; margin: 8px 0 0 0; letter-spacing: -0.2px;">Free returns on eligible Beats until 1/8/25.</p> </div></div> <a data-analytics-click data-analytics-link-type="appleExit" data-analytics-label="Learn More Button | Easy Returns" class="content-item__link TODO--dark" href="https://www.apple.com/shop/help/returns_refund#policy?cid=beats_wb_hmp_holidaypromo_us_na_na" target="_blank" aria-label="Learn more about returns - Opens in new window"> <span style="font-weight: 700;letter-spacing: -1.0px;">Learn More<i class="fa fa-external-link" style="vertical-align: middle;margin-left: 0.33em;font-weight: 700;"></i></span> </a> </div> </div> </div> </div> </div> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-214baa63-2193-30e5-a4da-a890769909e0 { padding-top: 72px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-214baa63-2193-30e5-a4da-a890769909e0 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-214baa63-2193-30e5-a4da-a890769909e0 { padding-top: 48px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-214baa63-2193-30e5-a4da-a890769909e0"></section> </div> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-c46b819b-2014-3f56-bc76-00971d8b71dd { background: linear-gradient(to bottom, transparent 50%, #F0F0F0 0%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-c46b819b-2014-3f56-bc76-00971d8b71dd:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 50%, #F0F0F0 0%); } .bbd-full-width-container.id-c46b819b-2014-3f56-bc76-00971d8b71dd .outer-container { width: 100%; max-width: 1920px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-c46b819b-2014-3f56-bc76-00971d8b71dd:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 50%, #F0F0F0 0%); } .bbd-full-width-container.id-c46b819b-2014-3f56-bc76-00971d8b71dd .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-c46b819b-2014-3f56-bc76-00971d8b71dd:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 50%, #F0F0F0 0%); } .bbd-full-width-container.id-c46b819b-2014-3f56-bc76-00971d8b71dd .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-c46b819b-2014-3f56-bc76-00971d8b71dd" data-analytics-module="media_and_text" data-analytics-region="bottom_hero" data-desktop-bg-color="linear-gradient(to bottom, transparent 50%, #F0F0F0 0%)"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-d2a99e02-99e0-381e-8270-7146347d346c { padding-top: px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-d2a99e02-99e0-381e-8270-7146347d346c { padding-top: px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-d2a99e02-99e0-381e-8270-7146347d346c { padding-top: px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-d2a99e02-99e0-381e-8270-7146347d346c"></section> </div> <div class="imageTextV2Container parsys section"> <div class=" " data-analytics-module="bottom_hero" data-analytics-region="ohtani-fitpro"> <div id="id-dfe58b22-f15c-3b6e-a769-ede03d122fa9" class="media-text"> <div class="media-text__inner media-text--overlay-lg media-text--overlay-md media-text--overlay-sm "> <div class="imageAndText2X"> <style type="text/css"> @media screen and (max-width: 767px) { .media-text__item#id-21506c3c-a585-3de3-873f-8c2f6a12a41c .media-text__item__content{ padding: ; max-width: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .media-text__item#id-21506c3c-a585-3de3-873f-8c2f6a12a41c .media-text__item__content { padding: ; max-width: ; } } @media screen and (min-width: 1024px) { .media-text__item#id-21506c3c-a585-3de3-873f-8c2f6a12a41c .media-text__item__content { padding: ; max-width: ; } } .media-text .media-text__item--visual#id-21506c3c-a585-3de3-873f-8c2f6a12a41c picture:before { display: block; background: ; } </style> <div id="id-21506c3c-a585-3de3-873f-8c2f6a12a41c" class="media-text__item media-text__item--visual media-text--light media-text__item--visual--fill v-align-lg-top h-align-lg-left v-align-md-top h-align-md-left v-align-sm-top h-align-sm-left"> <div class="media-text__item__content "> <picture class="beats-picture "> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/home/third-hero/fit-pro-ohtani/ohtani-hp-hero3.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/home/third-hero/fit-pro-ohtani/ohtani-hp-hero3.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/home/third-hero/fit-pro-ohtani/ohtani-hp-hero3.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image " data-lazy="" data-src="/content/dam/beats/web/home/third-hero/fit-pro-ohtani/ohtani-hp-hero3.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/home/third-hero/fit-pro-ohtani/ohtani-hp-hero3.jpg.large.2x.jpg 2x" alt="Shohei Ohtani wearing Beats Fit Pro" data-analytics-click="true" data-analytics-link-type="siteClick" data-analytics-label="background-img-ohtani-fitpro" data-link="/earbuds/beats-fit-pro/MK2G3"/> </picture> </div> </div> </div> <div class="imageAndText2X"> <style type="text/css"> @media screen and (max-width: 767px) { .media-text__item#id-70ee0312-f6b7-3dc5-8a90-69ffecd6ecdc .media-text__item__content{ padding: ; max-width: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .media-text__item#id-70ee0312-f6b7-3dc5-8a90-69ffecd6ecdc .media-text__item__content { padding: 0 0 0 50px; max-width: ; } } @media screen and (min-width: 1024px) { .media-text__item#id-70ee0312-f6b7-3dc5-8a90-69ffecd6ecdc .media-text__item__content { padding: 0 0 0 60px; max-width: 80%; } } </style> <div id="id-70ee0312-f6b7-3dc5-8a90-69ffecd6ecdc" class="media-text__item media-text--light v-align-lg-middle h-align-lg-left v-align-md-middle h-align-md-left v-align-sm-bottom h-align-sm-left"> <div class="media-text__item__content "> <div> <div class="show-desktop"> <div style="margin-bottom: 5%;"><h2 class="headline-1" style="font-weight: 400;">Beats Fit Pro</h2> <p class="body-large" style="font-weight: 400; margin-top: 10px;">Featuring Shohei Ohtani</p> </div> </div> <div class="show-tablet"><div style="margin-bottom: 3%;"><h2 class="headline-1" style="font-weight: 400;">Beats Fit Pro</h2> <p class="body-large" style="font-weight: 400; margin-top: 10px;">Featuring Shohei Ohtani</p> </div> </div> <div class="show-mobile"><div style="margin: -15px 0 0 0;"><h2 class="headline-1" style="font-weight: 400; color: #FFFFFF;">Beats Fit Pro</h2> <p class="body-large" style="font-weight: 400; color: #FFFFFF; margin-top: 10px;">Featuring Shohei Ohtani</p> </div> </div> <style> /*Button 1 */ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-c39542aa-c937-3ef2-a092-68bb2f287023 { color: #FFFFFF !important; } } .beats-btn-mask.btn1-bg-hover-color-c39542aa-c937-3ef2-a092-68bb2f287023, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-c39542aa-c937-3ef2-a092-68bb2f287023, button.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-c39542aa-c937-3ef2-a092-68bb2f287023 { background-color: #C8102E !important; } /*Button 2*/ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-c39542aa-c937-3ef2-a092-68bb2f287023{ color: !important; } } .beats-btn-mask.btn2-bg-hover-color-c39542aa-c937-3ef2-a092-68bb2f287023, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-c39542aa-c937-3ef2-a092-68bb2f287023, button.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-c39542aa-c937-3ef2-a092-68bb2f287023 { background-color: !important; } a.btn-light.btn1-outline-color-c39542aa-c937-3ef2-a092-68bb2f287023:after, button.btn-light.btn1-outline-color-c39542aa-c937-3ef2-a092-68bb2f287023:after, a.btn-light.btn1-outline-color-c39542aa-c937-3ef2-a092-68bb2f287023:hover:after, button.btn-light.btn1-outline-color-c39542aa-c937-3ef2-a092-68bb2f287023:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } a.btn-light.btn2-outline-color-c39542aa-c937-3ef2-a092-68bb2f287023:after, button.btn-light.btn2-outline-color-c39542aa-c937-3ef2-a092-68bb2f287023:after, a.btn-light.btn2-outline-color-c39542aa-c937-3ef2-a092-68bb2f287023:hover:after, button.btn-light.btn2-outline-color-c39542aa-c937-3ef2-a092-68bb2f287023:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } @media (hover:hover){ .btn-light.btn1-bg-color-c39542aa-c937-3ef2-a092-68bb2f287023:hover{ background-color: #C8102E !important; } .btn-light.btn2-bg-color-c39542aa-c937-3ef2-a092-68bb2f287023:hover{ background-color: !important; } } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-c39542aa-c937-3ef2-a092-68bb2f287023{ background-color: #161616; } a.btn-light .beats-btn-inner.btn1-text-color-c39542aa-c937-3ef2-a092-68bb2f287023, button.btn-light .beats-btn-inner.btn1-text-color-c39542aa-c937-3ef2-a092-68bb2f287023{ color: #FFFFFF; } a.btn-light.btn1-outline-color-c39542aa-c937-3ef2-a092-68bb2f287023, button.btn-light.btn1-outline-color-c39542aa-c937-3ef2-a092-68bb2f287023{ border: 2px solid #161616; } /*Button 2*/ .btn-light.btn2-bg-color-c39542aa-c937-3ef2-a092-68bb2f287023 { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-c39542aa-c937-3ef2-a092-68bb2f287023, button.btn-light .beats-btn-inner.btn2-text-color-c39542aa-c937-3ef2-a092-68bb2f287023{ color: ; } a.btn-light.btn2-outline-color-c39542aa-c937-3ef2-a092-68bb2f287023, button.btn-light.btn2-outline-color-c39542aa-c937-3ef2-a092-68bb2f287023{ border: 2px solid transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-c39542aa-c937-3ef2-a092-68bb2f287023{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-c39542aa-c937-3ef2-a092-68bb2f287023{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-c39542aa-c937-3ef2-a092-68bb2f287023{ background-color: #161616; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-c39542aa-c937-3ef2-a092-68bb2f287023, button.btn-light .beats-btn-inner.btn1-tablet-text-color-c39542aa-c937-3ef2-a092-68bb2f287023{ color: #FFFFFF; } a.btn-light.btn1-tablet-outline-color-c39542aa-c937-3ef2-a092-68bb2f287023, button.btn-light.btn1-tablet-outline-color-c39542aa-c937-3ef2-a092-68bb2f287023 { border: 2px solid #161616; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-c39542aa-c937-3ef2-a092-68bb2f287023{ background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-c39542aa-c937-3ef2-a092-68bb2f287023, button.btn-light .beats-btn-inner.btn2-tablet-text-color-c39542aa-c937-3ef2-a092-68bb2f287023 { color: ; } a.btn-light.btn2-tablet-outline-color-c39542aa-c937-3ef2-a092-68bb2f287023, button.btn-light.btn2-tablet-outline-color-c39542aa-c937-3ef2-a092-68bb2f287023 { border: 2px solid transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-c39542aa-c937-3ef2-a092-68bb2f287023{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-c39542aa-c937-3ef2-a092-68bb2f287023{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-c39542aa-c937-3ef2-a092-68bb2f287023{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-c39542aa-c937-3ef2-a092-68bb2f287023, button.btn-light .beats-btn-inner.btn1-mobile-text-color-c39542aa-c937-3ef2-a092-68bb2f287023{ color: #161616; } a.btn-light.btn1-mobile-outline-color-c39542aa-c937-3ef2-a092-68bb2f287023, button.btn-light.btn1-mobile-outline-color-c39542aa-c937-3ef2-a092-68bb2f287023 { border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-c39542aa-c937-3ef2-a092-68bb2f287023{ background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-c39542aa-c937-3ef2-a092-68bb2f287023, button.btn-light .beats-btn-inner.btn2-mobile-text-color-c39542aa-c937-3ef2-a092-68bb2f287023{ color: ; } a.btn-light.btn2-mobile-outline-color-c39542aa-c937-3ef2-a092-68bb2f287023, button.btn-light.btn2-mobile-outline-color-c39542aa-c937-3ef2-a092-68bb2f287023 { border: 2px solid transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-c39542aa-c937-3ef2-a092-68bb2f287023{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-c39542aa-c937-3ef2-a092-68bb2f287023{ color: ; } } </style> <div class="bbd-component beats-cta-container beats-cta-container--align-left" data-analytics-module="bottom_hero" data-analytics-region="ohtani-fitpro_cta"> <div class="button-container "> <div class="beats-button"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="ohtani-fitpro_shop-cta" href="/earbuds/beats-fit-pro?sku=MK2G3" id="c39542aa-c937-3ef2-a092-68bb2f287023" data-id="c39542aa-c937-3ef2-a092-68bb2f287023" aria-label="Shop Beats Fit Pro" class="beats-btn btn-light beats-btn--button beats-btn--authored btn1-bg-color-c39542aa-c937-3ef2-a092-68bb2f287023 btn1-outline-color-c39542aa-c937-3ef2-a092-68bb2f287023 btn1-tablet-bg-color-c39542aa-c937-3ef2-a092-68bb2f287023 btn1-tablet-outline-color-c39542aa-c937-3ef2-a092-68bb2f287023 btn1-mobile-bg-color-c39542aa-c937-3ef2-a092-68bb2f287023 btn1-mobile-outline-color-c39542aa-c937-3ef2-a092-68bb2f287023 " target="_self"> <span class="beats-btn-inner btn1-text-color-c39542aa-c937-3ef2-a092-68bb2f287023 btn1-tablet-text-color-c39542aa-c937-3ef2-a092-68bb2f287023 btn1-mobile-text-color-c39542aa-c937-3ef2-a092-68bb2f287023 btn1-text-hover-color-c39542aa-c937-3ef2-a092-68bb2f287023 btn1-tablet-text-hover-color-c39542aa-c937-3ef2-a092-68bb2f287023 btn1-mobile-text-hover-color-c39542aa-c937-3ef2-a092-68bb2f287023">Shop</span> <span class="beats-btn-mask btn1-bg-hover-color-c39542aa-c937-3ef2-a092-68bb2f287023"></span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style type="text/css"> </style> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-707cb008-b4a7-3af7-9b96-75873e24934a { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-707cb008-b4a7-3af7-9b96-75873e24934a { padding-top: px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-707cb008-b4a7-3af7-9b96-75873e24934a { padding-top: px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-707cb008-b4a7-3af7-9b96-75873e24934a"></section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-7b998e84-63a8-3014-aa57-f4e8b994a5f1 { background: #F0F0F0; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-7b998e84-63a8-3014-aa57-f4e8b994a5f1:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-7b998e84-63a8-3014-aa57-f4e8b994a5f1 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-7b998e84-63a8-3014-aa57-f4e8b994a5f1:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-7b998e84-63a8-3014-aa57-f4e8b994a5f1 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-7b998e84-63a8-3014-aa57-f4e8b994a5f1:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-7b998e84-63a8-3014-aa57-f4e8b994a5f1 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-7b998e84-63a8-3014-aa57-f4e8b994a5f1" data-desktop-bg-color="#F0F0F0"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-3ddc97a9-5407-3ff4-9efb-71cf3d237595 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-3ddc97a9-5407-3ff4-9efb-71cf3d237595 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-3ddc97a9-5407-3ff4-9efb-71cf3d237595 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-3ddc97a9-5407-3ff4-9efb-71cf3d237595"></section> </div> <div class="cardCarousel section"> <style> .row-carousel.row-carousel-a3853256-0651-3dac-9c76-0f6034131a1e { } @media screen and (max-width: 767px) { .row-carousel.row-carousel-a3853256-0651-3dac-9c76-0f6034131a1e ul.dots .dot.active { } .row-carousel.row-carousel-a3853256-0651-3dac-9c76-0f6034131a1e ul.dots .dot:not(.active) { } } </style> <div class="row-carousel row-carousel-a3853256-0651-3dac-9c76-0f6034131a1e" data-analytics-module="bottom_card_carousel" data-analytics-region="ecosystem_value_props" data-analytics-scroll=""> <div class="row-carousel__inner"> <button type="button" class="row-carousel__prev" aria-label="Previous Item"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <path d="M0.377647059,29.9998589 C0.377647059,30.8615295 0.68784706,31.6197883 1.34272236,32.2747059 L28.6749883,58.9865295 C29.2609412,59.6069295 30.0192001,59.9171366 30.9153177,59.9171366 C32.7076236,59.9171366 34.0862824,58.5729248 34.0862824,56.7806472 C34.0862824,55.8845083 33.707153,55.1262333 33.1556471,54.5402959 L8.06378825,29.9998589 L33.1556471,5.4594353 C33.707153,4.87348236 34.0862824,4.08070589 34.0862824,3.2190353 C34.0862824,1.4268 32.7076236,0.0825882354 30.9153177,0.0825882354 C30.0192001,0.0825882354 29.2609412,0.392752942 28.6749883,0.978705884 L1.34272236,27.7250118 C0.68784706,28.3454118 0.377647059,29.1381883 0.377647059,29.9998589 Z" transform="translate(14.706 2)"></path> </svg> </button> <div class="row-carousel__content"> <ul> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="/register" data-analytics-click="" data-analytics-link-type="siteClick" target="_self" data-analytics-item="Register Your Beats" aria-label="Open Beats product register page" class="card card-6358e01b-9e53-349a-8512-38e28888ed79 card--custom card--custom-6358e01b-9e53-349a-8512-38e28888ed79 card--light "> <style> .card--custom-6358e01b-9e53-349a-8512-38e28888ed79{ width: 333px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div style="min-height: 4rem; padding-bottom: 5%;"> <h3 class="headline-4" style="line-height: 1.1;">Register Your Beats</h3> <p class="body-medium" style="color: #535353;">Get the most out of your Beats with latest software updates and more.</p> </div></span> </p> </div> <img src="/content/dam/beats/web/home/feature-card-carousel/hp-cc-registerbeats.png" alt="Register your Beats product"/> <div class="card__content-bottom"> </div> </a> </div> </div> </li> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="/collaborations" data-analytics-click="" data-analytics-link-type="siteClick" target="_self" data-analytics-item="Collaborations" aria-label="Open Beats collaborations page" class="card card-2b9fa33e-d131-3422-91ce-3165decf0d93 card--custom card--custom-2b9fa33e-d131-3422-91ce-3165decf0d93 card--light "> <style> .card--custom-2b9fa33e-d131-3422-91ce-3165decf0d93{ width: 333px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div style="min-height: 4rem; padding-bottom: 5%;"> <h3 class="headline-4" style="line-height: 1.1;">Collaborations</h3> <p class="body-medium" style="color: #535353;">Explore one-of-a-kind, limited-edition product collabs.</p> </div></span> </p> </div> <img src="/content/dam/beats/web/product/speakers/beats-pill/pdp/product-carousel/light-gray/kk-lightgray-01-wired.jpg" alt="The latest Beats collaborations"/> <div class="card__content-bottom"> </div> </a> </div> </div> </li> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="/stories/2021/05/find-my-keep-track-of-your-beats" data-analytics-click="" data-analytics-link-type="siteClick" target="_self" data-analytics-item="Find your Beats" aria-label="Open Find My article" class="card card-cbb476b8-f71a-35c6-8d2b-3e9a192cc5a3 card--custom card--custom-cbb476b8-f71a-35c6-8d2b-3e9a192cc5a3 card--light "> <style> .card--custom-cbb476b8-f71a-35c6-8d2b-3e9a192cc5a3{ width: 333px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div style="min-height: 4rem; padding-bottom: 5%;"> <h3 class="headline-4" style="line-height: 1.1;">Find Your Beats</h3> <p class="body-medium" style="color: #535353;">If your Beats are missing, track them down with the ‘Find My’ app.<sup data-footnote="find-my"></sup></p> </div></span> </p> </div> <img src="/content/dam/beats/web/home/2022/10/hp-cc-promos--find-your-beats.png" alt="Find My app and Beats Flex on white background"/> <div class="card__content-bottom"> </div> </a> </div> </div> </li> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="/mobile-apps" data-analytics-click="" data-analytics-link-type="siteClick" target="_self" data-analytics-item="Beats App for Android" aria-label="Open mobile apps download page" class="card card-2592949a-757f-3c6d-a690-eb97d81a11a5 card--custom card--custom-2592949a-757f-3c6d-a690-eb97d81a11a5 card--light "> <style> .card--custom-2592949a-757f-3c6d-a690-eb97d81a11a5{ width: 333px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div style="min-height: 4rem; padding-bottom: 5%;"> <h3 class="headline-4" style="line-height: 1.1;">Beats App for Android</h3> <p class="body-medium" style="color: #535353;">Download the Beats app to unlock additional features.</p> </div></span> </p> </div> <img src="/content/dam/beats/web/home/2023/02/beats-app-card-assets/hp-cc-features-beats-app.png" alt="Beats App displayed on a mobile phone"/> <div class="card__content-bottom"> </div> </a> </div> </div> </li> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="https://www.apple.com/shop/product/MK2F3LL/A/beats-fit-pro-true-wireless-earbuds-beats-black?cid=beats_wb_hmp_promo_us_fitpro_engraving" data-analytics-click="" data-analytics-link-type="appleExit" target="_blank" data-analytics-item="Free engraving" aria-label="Shop Beats Fit Pro | Opens in new window" class="card card-9c5a8e9f-b828-39a5-84ea-b831c2a1efd4 card--custom card--custom-9c5a8e9f-b828-39a5-84ea-b831c2a1efd4 card--light "> <style> .card--custom-9c5a8e9f-b828-39a5-84ea-b831c2a1efd4{ width: 333px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div style="min-height: 4rem; padding-bottom: 5%;"> <h3 class="headline-4" style="line-height: 1.1;">Personalize It</h3> <p class="body-medium" style="color: #535353;">Free engraving for Beats Fit Pro. Only at Apple.</p> </div></span> </p> </div> <img src="/content/dam/beats/web/home/engraving/hp-cc-promos-engraving.png" alt="Beats Fit Pro case with engraving on white background"/> <div class="card__content-bottom"> </div> </a> </div> </div> </li> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="https://offers.applemusic.apple/new-device-offer?itscg=10900&itsct=medusa_hwb_beats_home" data-analytics-click="" data-analytics-link-type="siteClick" target="_blank" data-analytics-item="Free Apple music" aria-label="Apple free music trial | Opens in new window" class="card card-8c6cd1bd-b56a-30c3-bf7e-6f1668696497 card--custom card--custom-8c6cd1bd-b56a-30c3-bf7e-6f1668696497 card--light "> <style> .card--custom-8c6cd1bd-b56a-30c3-bf7e-6f1668696497{ width: 333px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div style="min-height: 4rem; padding-bottom: 5%;"> <h3 class="headline-4" style="line-height: 1.1;">Free Apple Music</h3> <p class="body-medium" style="color: #535353;">Enjoy 3 months of Apple Music free with select Beats.<sup data-footnote="apple-music"></sup></p> </div></span> </p> </div> <img src="/content/dam/beats/web/home/feature-card-carousel/hp-cc-promos-apple-music-promo.jpg" alt="Apple Music logo with Beats Fit Pro"/> <div class="card__content-bottom"> </div> </a> </div> </div> </li> </ul> </div> <button type="button" class="row-carousel__next" aria-label="Next Item"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <path d="M34.0862824,29.9998589 C34.0862824,29.1381883 33.7416001,28.3454118 33.086753,27.7250118 L5.78894119,0.978705884 C5.16854119,0.392752942 4.41028236,0.0825882354 3.51409412,0.0825882354 C1.75630589,0.0825882354 0.377647059,1.4268 0.377647059,3.2190353 C0.377647059,4.08070589 0.722329413,4.87348236 1.27376471,5.4594353 L26.3656942,29.9998589 L1.27376471,54.5402959 C0.722329413,55.1262333 0.377647059,55.8845083 0.377647059,56.7806472 C0.377647059,58.5729248 1.75630589,59.9171366 3.51409412,59.9171366 C4.41028236,59.9171366 5.16854119,59.6069295 5.78894119,58.9865295 L33.086753,32.2747059 C33.7416001,31.6197883 34.0862824,30.8615295 34.0862824,29.9998589 Z" transform="translate(14.706 2)"></path> </svg> </button> </div> </div></div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-a8c23380-3332-3673-b728-2f0d22a522ed { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-a8c23380-3332-3673-b728-2f0d22a522ed { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-a8c23380-3332-3673-b728-2f0d22a522ed { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-a8c23380-3332-3673-b728-2f0d22a522ed"></section> </div> </div> </div> </div> </section> </div> <div class="ghost section"> </div> <div class="ghost section"> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-0bcf28c0-bd58-3d26-adb3-4ffc54fa3fa8 { background: linear-gradient(to bottom, #F0F0F0 50%, transparent 0%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-0bcf28c0-bd58-3d26-adb3-4ffc54fa3fa8:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #F0F0F0 50%, transparent 0%); } .bbd-full-width-container.id-0bcf28c0-bd58-3d26-adb3-4ffc54fa3fa8 .outer-container { width: 100%; max-width: 1920px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-0bcf28c0-bd58-3d26-adb3-4ffc54fa3fa8:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #F0F0F0 50%, transparent 0%); } .bbd-full-width-container.id-0bcf28c0-bd58-3d26-adb3-4ffc54fa3fa8 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-0bcf28c0-bd58-3d26-adb3-4ffc54fa3fa8:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #F0F0F0 50%, transparent 0%); } .bbd-full-width-container.id-0bcf28c0-bd58-3d26-adb3-4ffc54fa3fa8 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-0bcf28c0-bd58-3d26-adb3-4ffc54fa3fa8" data-desktop-bg-color="linear-gradient(to bottom, #F0F0F0 50%, transparent 0%)"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-e814e23e-c1b4-3421-83f4-71f8c3e14f20 { padding-top: px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-e814e23e-c1b4-3421-83f4-71f8c3e14f20 { padding-top: px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-e814e23e-c1b4-3421-83f4-71f8c3e14f20 { padding-top: px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-e814e23e-c1b4-3421-83f4-71f8c3e14f20"></section> </div> <div class="imageTextV2Container parsys section"> <div class=" " data-analytics-module="compare_hero" data-analytics-region="compare-tool"> <div id="id-9f31b9b5-2880-30c5-bb14-ef84a7c1a880" class="media-text"> <div class="media-text__inner media-text--overlay-lg media-text--overlay-md media-text--overlay-sm "> <div class="imageAndText2X"> <style type="text/css"> @media screen and (max-width: 767px) { .media-text__item#id-5d73835a-7816-38b2-b895-33168485bf6c .media-text__item__content{ padding: ; max-width: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .media-text__item#id-5d73835a-7816-38b2-b895-33168485bf6c .media-text__item__content { padding: ; max-width: ; } } @media screen and (min-width: 1024px) { .media-text__item#id-5d73835a-7816-38b2-b895-33168485bf6c .media-text__item__content { padding: ; max-width: ; } } .media-text .media-text__item--visual#id-5d73835a-7816-38b2-b895-33168485bf6c picture:before { display: block; background: ; } </style> <div id="id-5d73835a-7816-38b2-b895-33168485bf6c" class="media-text__item media-text__item--visual media-text--light media-text__item--visual--fill v-align-lg-top h-align-lg-left v-align-md-top h-align-md-left v-align-sm-top h-align-sm-left"> <div class="media-text__item__content "> <picture class="beats-picture "> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/home/compare/comparetool.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/home/compare/comparetool.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/home/compare/comparetool.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image " data-lazy="" data-src="/content/dam/beats/web/home/compare/comparetool.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/home/compare/comparetool.jpg.large.2x.jpg 2x" alt="Beats Compare tool" data-analytics-click="true" data-analytics-link-type="siteClick" data-analytics-label="background-img-compare-tool" data-link="/products/compare"/> </picture> </div> </div> </div> <div class="imageAndText2X"> <style type="text/css"> @media screen and (max-width: 767px) { .media-text__item#id-48942760-2b6a-3979-99d3-9e541df74d0b .media-text__item__content{ padding: ; max-width: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .media-text__item#id-48942760-2b6a-3979-99d3-9e541df74d0b .media-text__item__content { padding: 0 0 0 50px; max-width: 68%; } } @media screen and (min-width: 1024px) { .media-text__item#id-48942760-2b6a-3979-99d3-9e541df74d0b .media-text__item__content { padding: 0 0 0 60px; max-width: 36%; } } </style> <div id="id-48942760-2b6a-3979-99d3-9e541df74d0b" class="media-text__item media-text--light v-align-lg-middle h-align-lg-left v-align-md-middle h-align-md-left v-align-sm-bottom h-align-sm-left"> <div class="media-text__item__content "> <div> <div class="show-desktop"> <div><h2 class="headline-2" style="font-weight: 400;">Which Beats are right for you?</h2> <p class="body-large" style="font-weight: 400; margin-top: 10px;">Compare our product features to find the perfect fit.</p> </div> </div> <div class="show-tablet"><div><h2 class="headline-2" style="font-weight: 400;">Which Beats are right for you?</h2> <p class="body-large" style="font-weight: 400; margin-top: 10px;">Compare our product features to find the perfect fit.</p> </div> </div> <div class="show-mobile"><div><h2 class="headline-2" style="font-weight: 400;">Which Beats are right for you?</h2> <p class="body-large" style="font-weight: 400; margin-top: 10px;">Compare our product features to find the perfect fit.</p> </div> </div> <style> /*Button 1 */ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63 { color: #FFFFFF !important; } } .beats-btn-mask.btn1-bg-hover-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63, button.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63 { background-color: #C8102E !important; } /*Button 2*/ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63{ color: !important; } } .beats-btn-mask.btn2-bg-hover-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63, button.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63 { background-color: !important; } a.btn-light.btn1-outline-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63:after, button.btn-light.btn1-outline-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63:after, a.btn-light.btn1-outline-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63:hover:after, button.btn-light.btn1-outline-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } a.btn-light.btn2-outline-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63:after, button.btn-light.btn2-outline-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63:after, a.btn-light.btn2-outline-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63:hover:after, button.btn-light.btn2-outline-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } @media (hover:hover){ .btn-light.btn1-bg-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63:hover{ background-color: #C8102E !important; } .btn-light.btn2-bg-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63:hover{ background-color: !important; } } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63{ background-color: TRANSPARENT; } a.btn-light .beats-btn-inner.btn1-text-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63, button.btn-light .beats-btn-inner.btn1-text-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63{ color: #161616; } a.btn-light.btn1-outline-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63, button.btn-light.btn1-outline-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63{ border: 2px solid #161616; } /*Button 2*/ .btn-light.btn2-bg-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63 { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63, button.btn-light .beats-btn-inner.btn2-text-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63{ color: ; } a.btn-light.btn2-outline-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63, button.btn-light.btn2-outline-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63{ border: 2px solid transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-0e673ec1-db60-3c26-a625-f24f7ac8ea63{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-0e673ec1-db60-3c26-a625-f24f7ac8ea63{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63{ background-color: TRANSPARENT; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63, button.btn-light .beats-btn-inner.btn1-tablet-text-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63{ color: #161616; } a.btn-light.btn1-tablet-outline-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63, button.btn-light.btn1-tablet-outline-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63 { border: 2px solid #161616; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63{ background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63, button.btn-light .beats-btn-inner.btn2-tablet-text-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63 { color: ; } a.btn-light.btn2-tablet-outline-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63, button.btn-light.btn2-tablet-outline-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63 { border: 2px solid transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-0e673ec1-db60-3c26-a625-f24f7ac8ea63{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-0e673ec1-db60-3c26-a625-f24f7ac8ea63{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63{ background-color: TRANSPARENT; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63, button.btn-light .beats-btn-inner.btn1-mobile-text-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63{ color: #161616; } a.btn-light.btn1-mobile-outline-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63, button.btn-light.btn1-mobile-outline-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63 { border: 2px solid #161616; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63{ background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63, button.btn-light .beats-btn-inner.btn2-mobile-text-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63{ color: ; } a.btn-light.btn2-mobile-outline-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63, button.btn-light.btn2-mobile-outline-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63 { border: 2px solid transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-0e673ec1-db60-3c26-a625-f24f7ac8ea63{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-0e673ec1-db60-3c26-a625-f24f7ac8ea63{ color: ; } } </style> <div class="bbd-component beats-cta-container beats-cta-container--align-left" data-analytics-module="compare_hero" data-analytics-region="compare-tool_cta"> <div class="button-container "> <div class="beats-button"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="compare-tool_shop-cta" href="/products/compare" id="0e673ec1-db60-3c26-a625-f24f7ac8ea63" data-id="0e673ec1-db60-3c26-a625-f24f7ac8ea63" aria-label="Open Compare tool page" class="beats-btn btn-light beats-btn--button beats-btn--authored btn1-bg-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63 btn1-outline-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63 btn1-tablet-bg-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63 btn1-tablet-outline-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63 btn1-mobile-bg-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63 btn1-mobile-outline-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63 " target="_self"> <span class="beats-btn-inner btn1-text-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63 btn1-tablet-text-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63 btn1-mobile-text-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63 btn1-text-hover-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63 btn1-tablet-text-hover-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63 btn1-mobile-text-hover-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63">Compare products</span> <span class="beats-btn-mask btn1-bg-hover-color-0e673ec1-db60-3c26-a625-f24f7ac8ea63"></span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style type="text/css"> </style> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-6151e382-b8ba-3136-b83b-0da07b6af69f { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-6151e382-b8ba-3136-b83b-0da07b6af69f { padding-top: px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-6151e382-b8ba-3136-b83b-0da07b6af69f { padding-top: px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-6151e382-b8ba-3136-b83b-0da07b6af69f"></section> </div> </div> </div> </div> </section> </div> <div class="ghost section"> </div> <div class="ghost section"> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-d21ab93f-07d8-3248-b2b6-68275066259c { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-d21ab93f-07d8-3248-b2b6-68275066259c { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-d21ab93f-07d8-3248-b2b6-68275066259c { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-d21ab93f-07d8-3248-b2b6-68275066259c"></section> </div> </div> </div> </div> </div> </div> <section class="footnote-section" data-analytics-scroll="" data-analytics-module="footnote" data-analytics-region="footnote"> <script> var footnotes = '{\x223d\u002Dmodel\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Product may vary in color, details, and dimensions from 3D rendering. View on a device running the latest hardware and software for best results.\x22},\x22packaging\x22:{\x22ariaLabel\x22:\x22Press to scroll to packaging disclaimer footnote ${symbol}\x22,\x22footnote\x22:\x22Breakdown of U.S. retail packaging by weight. Adhesives, inks, and coatings are excluded from our calculations of plastic content and packaging weight.\x22},\x22android\u002Drequirement\u002Dgeneral\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Requires a compatible Android device running Android 8.0 or later with Google Play Services enabled.\x22},\x22ios\u002Drequirement\u002Dgeneral\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Requires an iCloud account and a compatible Apple device running the latest operating system software.\x22},\x22apple\u002Dmusic\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22<html>\\n <head><\/head>\\n <body>\\n New subscribers only. Offer available for a limited time to new subscribers who connect an eligible device to an Apple device running iOS 15 or iPadOS 15 or later. Offer good for 3 months after eligible device pairing. No audio product purchase necessary for current owners of eligible devices. Plan automatically renews at your region’s price per month until cancelled. Restrictions and <a href=\\\x22https:\/\/www.apple.com\/promo\\\x22 aria\u002Dlabel=\\\x22Apple music offer terms | Opens in new window\\\x22 target=\\\x22_blank\\\x22 style=\\\x22text\u002Ddecoration: underline;\\\x22>other terms<\/a> apply.\\n <\/body>\\n<\/html>\x22},\x22find\u002Dmy\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Works with compatible Beats headphones. Find My Beats requires an iPhone or iPod touch with iOS 14.5 or later, iPad with iPadOS 14.5 or later, or Mac with macOS Big Sur 11.3 or later. Customers must have an Apple Account and be signed into their iCloud account with Find My enabled.\x22},\x22find\u002Dmy\u002Ddescription\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Find My can locate headphones and play a sound within the Bluetooth range of an iOS device signed in to iCloud.\x22},\x22apple\u002Dandroid\u002Dfind\u002Dmy\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Requires an iCloud account and a compatible Apple device running the latest operating system software or a compatible Android device running the latest operating system software with Google Play Services enabled.\x22},\x22android\u002Dfind\u002Dmy\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Find My Device requires an Android device running Android 8.0 or later. User must be signed into an active Gmail account and have Google Play Services enabled.\x22},\x22lossless\u002Daudio\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Requires compatible lossless content from supported apps\/services. Not all content is available in lossless format.\x22},\x22dual\u002Dcompatibility\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Requires an iCloud account and a compatible Apple device running the latest operating system software or a compatible Android device running the latest operating system software with Google Play Services enabled.\x22},\x22spatial\u002Daudio\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Compatible hardware and software required. Works with compatible content in supported apps. Not all content available in Dolby Atmos.\x22},\x22spatial\u002Daudio\u002Ddynamic\u002Dhead\u002Dtracking\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Compatible hardware and software required. Works with compatible content in supported apps. Not all content available in Dolby Atmos. iPhone with TrueDepth camera required to create a personal profile for Spatial Audio, which will sync across Apple devices running the latest operating system software, including iOS, iPadOS, macOS, and tvOS.\x22},\x22audio\u002Dsharing\u002Dalt\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Audio Sharing is compatible with Beats Fit Pro, Beats Flex, Solo Pro, Powerbeats Pro, Powerbeats, Solo<sup>3<\/sup> Wireless, Powerbeats<sup>3<\/sup> Wireless, Beats Studio<sup>3<\/sup> Wireless, Beats<sup>X<\/sup>, AirPods (1st generation or later), AirPods Pro, and AirPods Max. Works with iPhone 8 or later and iPod touch (7th generation) with the latest version of iOS; and 12.9\u002Dinch iPad Pro (2nd generation or later), 11\u002Dinch iPad Pro, 10.5\u002Dinch iPad Pro, iPad (5th generation or later), iPad Air (3rd generation), and iPad mini (5th generation) with the latest version of iPadOS.\x22},\x22audio\u002Dsharing\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Requires an iCloud account and a compatible Apple device running the latest operating system software.\x22},\x22hey\u002Dsiri\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Siri may not be available in all languages or in all areas, and features may vary by area. Compatible device and internet access required. Cellular data charges may apply.\x22},\x22fast\u002Dpair\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Google Fast Pair requires a compatible Android device running Android 8.0 or later, with Google Play Services enabled.\x22},\x22audio\u002Dswitch\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Audio Switch feature requires compatible Android devices running Android 8.0 or later, with Google Play Services enabled.\x22},\x22one\u002Dtouch\u002Dpairing\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Requires an iCloud account and a compatible Apple device running the latest operating system software.\x22},\x22simple\u002Done\u002Dtouch\u002Dpairing\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Requires an iCloud account and macOS Sierra, iOS 10, watchOS 3 or later versions.\x22},\x22automatic\u002Dswitching\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Automatic Switching requires macOS 11.1, iOS 14.3, iPadOS 14.3, watchOS 7.2, or tvOS 14.3 or later.\x22},\x22beats\u002Dapp\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Beats app requires Android 8.0 or later. App is available on the Google Play Store and on beatsbydre.com.\x22},\x22auto\u002Dpause\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Compatible with iOS and iPadOS 14 or later, MacOS 11 or later, WatchOS 7 or later, and tvOS 14 or later; compatibility will vary on Android devices.\x22},\x22connect\u002Dand\u002Dcontrol\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Requires iCloud account and macOS Sierra, iOS 10, watchOS 3 or later versions.\x22},\x22h1\u002Dchip\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Testing conducted by Apple in March 2019 using preproduction Powerbeats Pro units and Powerbeats3 Wireless units and software paired with iPhone XS units and prerelease software. Testing consisted of transferring phone call audio from iPhone to Powerbeats Pro and Powerbeats3 Wireless. Performance depends on device settings, environment, and many factors.\x22},\x22lossless\u002Daudio\u002Dwired\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22While using included USB\u002DC cable with a compatible USB\u002Denabled source device. Requires compatible lossless content from supported apps\/services. Not all content is available in lossless format.\x22},\x22apple\u002Dandroid\u002Dcompatibility\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Requires an iCloud account and a compatible Apple device running the latest operating system software or a compatible Android device running Android 8.0 or later, with Google Play Services enabled.\x22},\x22pill\u002Dbattery\u002Dlife\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Testing conducted by Apple in April 2024 using preproduction Beats Pill units and software paired with iPhone 15 Pro units and prerelease software. The playlist consisted of 358 unique audio tracks purchased from the iTunes Store (256\u002DKbps AAC encoding). Volume was set to 50%. Testing consisted of full Beats Pill battery discharge while playing audio until Beats Pill stopped playback. Battery life depends on device settings, environment, usage, and many other factors.\x22},\x22pill\u002Dwater\u002Dresistance\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22<html>\\n <head><\/head>\\n <body>\\n Beats Pill is dust resistant and water resistant, providing protection from sand intrusion, water, and other sources of ingress when used indoors and outdoors. Beats Pill was tested under controlled laboratory conditions, and has a rating of IP67 under IEC standard 60529. Dust and water resistance are not permanent conditions and might decrease as a result of normal wear. Do not attempt to charge Beats Pill when wet; refer to <a href=\\\x22https:\/\/support.apple.com\/en\u002Dus\/119981\\\x22 aria\u002Dlabel=\\\x22Learn more about sweat resistance | Opens in new window\\\x22 target=\\\x22_blank\\\x22 style=\\\x22text\u002Ddecoration: underline;\\\x22>support.apple.com<\/a> for cleaning and drying instructions.\\n <\/body>\\n<\/html>\x22},\x22pill\u002Das\u002Dcompared\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22As compared to Beats Pill+.\x22},\x22pill\u002Dfast\u002Dfuel\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Testing conducted by Apple in April 2024 using preproduction Beats Pill units and software paired with iPhone 15 Pro units and pre\u002Drelease software. The playlist consisted of 358 unique audio tracks purchased from the iTunes Store (256\u002DKbps AAC encoding). Volume was set to 50%. 10\u002Dminute charge testing conducted with drained Beats Pill units that were charged for 10 minutes, then audio playback was started until Beats Pill stopped playback. Battery life depends on device settings, environment, usage and many other factors.\x22},\x22solobuds\u002Dbattery\u002Dlife\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Testing conducted by Apple in April 2024 using preproduction Beats Solo Buds units and software paired with iPhone 15 Pro units and pre\u002Drelease software. The playlist consisted of 358 unique audio tracks purchased from the iTunes Store (256\u002DKbps AAC encoding). Volume was set to 50%. Testing consisted of full Beats Solo Buds battery discharge while playing audio until the first unit of Beats Solo Buds stopped playback. Battery life depends on device settings, environment, usage, and many other factors.\x22},\x22solobuds\u002Dfast\u002Dfuel\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Testing conducted by Apple in April 2024 using preproduction Beats Solo Buds units and software paired with iPhone 15 Pro units and pre\u002Drelease software. The playlist consisted of 358 unique audio tracks purchased from the iTunes Store (256\u002DKbps AAC encoding). Volume was set to 50% and Active Noise Cancellation and Transparency were turned off. 5\u002Dminute charge testing conducted with drained Beats Solo Buds that were charged for 5 minutes, then audio playback was started until the first Beats Solo Buds stopped playback. Battery life depends on device settings, environment, usage and many other factors.\x22},\x22solobuds\u002Dcharge\u002Dfrom\u002Dphone\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Requires iPhone 15 or supported Android devices.\x22},\x22solo4\u002Dbattery\u002Dlife\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Testing conducted by Apple in March 2024 using preproduction Beats Solo 4 and software paired with iPhone 15 Pro units and prerelease software. The playlist consisted of 358 unique audio tracks purchased from the iTunes Store (256\u002DKbps AAC encoding). Volume was set to 50%. Testing consisted of full Beats Solo 4 battery discharge while playing audio until Beats Solo 4 stopped playback. Battery life depends on device settings, environment, usage, and many other factors.\x22},\x22solo4\u002Dfast\u002Dfuel\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Testing conducted by Apple in March 2024 using preproduction Beats Solo 4 units and software paired with iPhone 15 Pro units and pre\u002Drelease software. The playlist consisted of 358 unique audio tracks purchased from the iTunes Store (256\u002DKbps AAC encoding). Volume was set to 50%. 10\u002Dminute charge testing conducted with drained Beats Solo 4 that were charged for 10 minutes, then audio playback was started until Beats Solo 4 stopped playback. Battery life depends on device settings, environment, usage and many other factors.\x22},\x22studiobudsplus\u002Dcompared\u002Dwith\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22As compared to Beats Studio Buds (1st generation).\x22},\x22studiobudsplus\u002Dbattery\u002Dlife\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Testing conducted by Apple in March 2023 using preproduction Beats Studio Buds + and Charging Case units and software paired with iPhone 13 Pro and prerelease software. The playlist consisted of 358 unique audio tracks purchased from the iTunes Store (256\u002DKbps AAC encoding). Volume was set to 50% and Active Noise Cancellation and Transparency were turned off. Testing consisted of full Beats Studio Buds + battery discharge while playing audio until the first Beats Studio Buds + stopped playback. Battery life depends on device settings, environment, usage, and many other factors.\x22},\x22studiobudsplus\u002Dwater\u002Dresistance\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22<html>\\n <head><\/head>\\n <body>\\n Beats Studio Buds + are sweat and water resistant for non\u002Dwater sports and exercise. Beats Studio Buds + were tested under controlled laboratory conditions, and have a rating of IPX4 under IEC standard 60529. Sweat and water resistance are not permanent conditions and resistance might decrease as a result of normal wear. Do not attempt to charge wet Beats Studio Buds +; refer to <a href=\\\x22https:\/\/support.apple.com\/en\u002Dus\/101579\\\x22 aria\u002Dlabel=\\\x22Learn more about sweat resistance | Opens in new window\\\x22 target=\\\x22_blank\\\x22 style=\\\x22text\u002Ddecoration: underline;\\\x22>support.apple.com<\/a> for cleaning and drying instructions. The charging case is not sweat or water resistant.\\n <\/body>\\n<\/html>\x22},\x22studiobudsplus\u002Dbattery\u002Dlife\u002Danc\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Testing conducted by Apple in March 2023 using preproduction Beats Studio Buds + and Charging Case units and software paired with iPhone 13 Pro units and pre\u002Drelease software. The playlist consisted of 358 unique audio tracks purchased from the iTunes Store (256\u002DKbps AAC encoding). Volume was set to 50% and Active Noise Cancellation was turned on. Testing consisted of full Beats Studio Buds + battery discharge while playing audio until the first Beats Studio Buds + stopped playback. Battery life depends on device settings, environment, usage, and many other factors.\x22},\x22studiobudsplus\u002Dfast\u002Dfuel\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Testing conducted by Apple in March 2023 using preproduction Beats Studio Buds + and Charging Case units and software paired with iPhone 13\/iPhone 14 units and pre\u002Drelease software. The playlist consisted of 358 unique audio tracks purchased from the iTunes Store (256\u002DKbps AAC encoding). Volume was set to 50% and Active Noise Cancellation and Transparency were turned off. 5\u002Dminute charge testing conducted with drained Beats Studio Buds + that were charged for 5 minutes, then audio playback was started until the first Beats Studio Buds + stopped playback. Listening time depends on device settings, environment, usage and many other factors.\x22},\x22fitpro\u002Dwater\u002Dresistance\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22<html>\\n <head><\/head>\\n <body>\\n Beats Fit Pro is sweat and water resistant for non\u002Dwater sports and exercise. Beats Fit Pro was tested under controlled laboratory conditions, and have a rating of IPX4 under IEC standard 60529. Sweat and water resistance are not permanent conditions and resistance might decrease as a result of normal wear. Do not attempt to charge wet Beats Fit Pro; refer to <a href=\\\x22https:\/\/support.apple.com\/en\u002Dus\/101579\\\x22 aria\u002Dlabel=\\\x22Learn more about sweat resistance | Opens in new window\\\x22 target=\\\x22_blank\\\x22 style=\\\x22text\u002Ddecoration: underline;\\\x22>support.apple.com<\/a> for cleaning and drying instructions. The charging case is not sweat or water resistant.\\n <\/body>\\n<\/html>\x22},\x22fitpro\u002Deartip\u002Dfit\u002Dtest\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Ear tip fit test requires iOS 15.1 or later, or the Beats app for Android.\x22},\x22fitpro\u002Dbattery\u002Dlife\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Testing conducted by Apple in September 2021 using preproduction Beats Fit Pro and Charging Case units and software paired with iPhone 12 units and prerelease software. The playlist consisted of 358 unique audio tracks purchased from the iTunes Store (256\u002DKbps AAC encoding). Volume was set to 50% and Active Noise Cancellation and Transparency were turned on. Testing consisted of full Beats Fit Pro battery discharge while playing audio until the first Beats Fit Pro stopped playback. With Active Noise Cancellation turned off, listening time was up to 7 hours. Battery life depends on device settings, environment, usage, and many other factors.\x22},\x22fitpro\u002Dbattery\u002Dlife\u002Dcase\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Testing conducted by Apple in September 2021 using preproduction Beats Fit Pro and Charging Case and software paired with iPhone 12 units and prerelease software. The playlist consisted of 358 unique audio tracks purchased from the iTunes Store (256\u002DKbps AAC encoding). Volume was set to 50% and Active Noise Cancellation and Transparency were turned on. Testing consisted of full Beats Fit Pro battery discharge while playing audio until the first Beats Fit Pro stopped playback. The drained Beats Fit Pro was charged to 100 percent, then audio playback was resumed until the first Beats Fit Pro stopped playback. This cycle was repeated until both the Beats Fit Pro and charging case were fully discharged. Battery life depends on device settings, environment, usage, and many other factors.\x22},\x22fitpro\u002Dfast\u002Dfuel\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Testing conducted by Apple in September 2021 using preproduction Beats Fit Pro and Charging Case and software paired with iPhone 12 units and prerelease software. The playlist consisted of 358 unique audio tracks purchased from the iTunes Store (256\u002DKbps AAC encoding). Volume was set to 50% and Active Noise Cancellation and Transparency was turned on. 5\u002DMinute charge testing conducted with drained Beats Fit Pro that were charged for 5 minutes, then audio playback was started until the first Beats Fit Pro stopped playback. Battery life depends on device settings, environment, usage, and many other factors.\x22},\x22flex\u002Dbattery\u002Dlife\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Testing conducted by Apple in August 2020 using preproduction Beats Flex and software paired with iPhone 11 Pro Max units and prerelease software. The playlist consisted of 358 unique audio tracks purchased from the iTunes Store (256\u002DKbps AAC encoding). Volume was set to 50%. Total listening time was up to 12 hours. Testing consisted of full Beats Flex battery discharge while playing audio until Beats Flex stopped playback. 10\u002DMinute charge testing conducted with drained Beats Flex that were charged for 10 minutes, then audio playback was started until Beats Flex stopped playback. Battery life depends on device settings, environment, usage, and many other factors.\x22},\x22pbpro\u002Dwater\u002Dresistance\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22<html>\\n <head><\/head>\\n <body>\\n Powerbeats Pro are sweat and water resistant for non\u002Dwater sports and exercise. Powerbeats Pro were tested under controlled laboratory conditions, and have a rating of IPX4 under IEC standard 60529. Sweat and water resistance are not permanent conditions and resistance might decrease as a result of normal wear. Do not attempt to charge wet Powerbeats Pro; refer to <a href=\\\x22https:\/\/support.apple.com\/en\u002Dus\/101579\\\x22 aria\u002Dlabel=\\\x22Learn more about sweat resistance | Opens in new window\\\x22 target=\\\x22_blank\\\x22 style=\\\x22text\u002Ddecoration: underline;\\\x22>support.apple.com<\/a> for cleaning and drying instructions. The charging case is not sweat or water resistant.\\n <\/body>\\n<\/html>\x22},\x22pbpro\u002Dbattery\u002Dlife\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Battery life depends on device settings, environment, usage, and many other factors\x22},\x22pbpro\u002Dfast\u002Dfuel\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Testing conducted by Apple in March 2019 using preproduction Powerbeats Pro and Charging Case units and software paired with iPhone XS units and prerelease software. The playlist consisted of continuous pink noise at 80dB. 5\u002DMinute charge testing conducted with drained Powerbeats Pro that were charged for 5 minutes, then audio playback was started until the first Powerbeats Pro stopped playback. Battery life depends on device setting, environment, usage, and many other factors.\x22},\x22studiopro\u002Dbattery\u002Dlife\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Testing conducted by Apple in May 2023 using preproduction Beats Studio Pro units and software paired with iPhone 13 units and prerelease software. The playlist consisted of 358 unique audio tracks purchased from the iTunes Store (256\u002DKbps AAC encoding). Volume was set to 50% and Active Noise Cancellation and Transparency were turned off. Testing consisted of full Beats Studio Pro battery discharge while playing audio until Beats Studio Pro stopped playback. With Active Noise Cancellation turned on, listening time was up to 24 hours. Battery life depends on device settings, environment, usage, and many other factors.\x22},\x22studiopro\u002Dfast\u002Dfuel\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Testing conducted by Apple in May 2023 using preproduction Beats Studio Pro units and software paired with iPhone 13 units and prerelease software. The playlist consisted of 358 unique audio tracks purchased from the iTunes Store (256\u002DKbps AAC encoding). Volume was set to 50% and Active Noise Cancellation and Transparency were turned off. 10\u002DMinute charge testing conducted with drained Beats Studio Pro that were charged for 10 minutes, then audio playback was started until Beats Studio Pro stopped playback. Battery life depends on device settings, environment, usage, and many other factors.\x22},\x22compare\u002Dglobal\u002Dbattery\u002Dlife\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Battery life depends on device settings, environment, usage, and many other factors.\x22},\x22compare\u002Dearbuds\u002Dwater\u002Dresistance\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Earbuds are sweat and water resistant for non\u002Dwater sports and exercise, and they are IPX4 rated. Sweat and water resistance are not permanent conditions. The charging case is not sweat or water resistant.\x22},\x22compare\u002Dpill\u002Dwater\u002Dresistance\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Beats Pill is dust resistant and water resistant and is IP67 rated. Dust and water resistance are not permanent conditions.\x22},\x22compare\u002Dfind\u002Dmy\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22Find My requires compatible Apple devices running the latest operating system software. Customers must have an Apple Account and be signed into their iCloud account with Find My enabled.\x22},\x22apple\u002Dgc\x22:{\x22ariaLabel\x22:\x22footnote ${symbol}\x22,\x22footnote\x22:\x22<html>\\n <head><\/head>\\n <body>\\n Offer valid on qualifying purchases of eligible Beats products from November 29, 2024, to December 2, 2024, at Apple Store locations, on apple.com, on the Apple Store app, and by calling 1\u002D800\u002DMY\u002DAPPLE. For full terms \x26amp; conditions of offer, see <a href=\\\x22https:\/\/www.apple.com\/shop\/gifts\/shopping\u002Devent\/terms\u002Dconditions?cid=beats_wb_\u002D_holidaypromo_us_multi_giftcard\\\x22 style=\\\x22text\u002Ddecoration: underline;\\\x22 target=\\\x22_blank\\\x22 aria\u002Dlabel=\\\x22Opens in new window\\\x22>here<\/a>.\\n <\/body>\\n<\/html>\x22}}'; footnotes = JSON.parse(footnotes); </script> </section> <!-- SDI include (path: /content/beatswebsite/us/en_US/experience-fragments/Email/inline-email-signup/_jcr_content.content.nocache.html, resourceType: cq/experience-fragments/components/xfpage) --> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-a53a40c9-e9d9-3748-99b8-0dc35c10ede0 { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-a53a40c9-e9d9-3748-99b8-0dc35c10ede0 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-a53a40c9-e9d9-3748-99b8-0dc35c10ede0 { padding-top: 20px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-a53a40c9-e9d9-3748-99b8-0dc35c10ede0"></section> </div> <div class="fullWidthBgContainerV2 parsys"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-6ff35ae5-7d7a-3e39-850a-308180ced081 { background: #161616; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-6ff35ae5-7d7a-3e39-850a-308180ced081:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-6ff35ae5-7d7a-3e39-850a-308180ced081 .outer-container { width: 100%; max-width: 1200px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-6ff35ae5-7d7a-3e39-850a-308180ced081:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-6ff35ae5-7d7a-3e39-850a-308180ced081 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-6ff35ae5-7d7a-3e39-850a-308180ced081:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-6ff35ae5-7d7a-3e39-850a-308180ced081 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-6ff35ae5-7d7a-3e39-850a-308180ced081" data-desktop-bg-color="#161616"> <div class="outer-container"> <div class="content-container"> <div><div class="InlineEmailSignUp section"> <div id="newsletter" class="inline-form inline-form--dark inline-form--dark-b14ec348-aa45-3e85-8748-7779d207ac43" data-analytics-scroll="" data-analytics-event="newsletterSignUp" data-analytics-module="inline_email_registration" data-analytics-region="join_list_email"> <form action="#newsletter" class="b-form" data-error-inline="" novalidate=""> <div class="inline-form__head"> <i class="fa-solid fa-envelope"></i> <br/> <h2><h2 style="margin-bottom: 0;">Join Our List</h2></h2> </div> <div class="inline-form__copy"> <div class="show-desktop">Don’t miss a beat. Stay up to date on the latest products, deals and more.</div> <div class="show-tablet">Don’t miss a beat. Stay up to date on the latest products, deals and more.</div> <div class="show-mobile">Don’t miss a beat. Stay up to date on the latest products, deals and more.</div> </div> <div class="b-form-el form--center"> <input id="newsletter-email" class="b-input inline-form__reveal__trigger" type="email" maxlength="255" name="newsletter--emailId" autocomplete="on" placeholder=" " aria-required="true" required="true" aria-describedby="newsletter-email-error"/> <label class="b-label" for="newsletter-email">Email Address</label> <span class="b-error b-error--visible" id="newsletter-email-error">Please enter a valid email address.</span> </div> <br/> <div class="inline-form__reveal__content"> <div> <div> <div class="b-form-el"> <input class="b-checkbox" type="checkbox" id="newsletter-item__email-opt-in-b14ec348-aa45-3e85-8748-7779d207ac43" name="newsletter--emailOptIn" aria-required="true" aria-describedby="newsletter-optin-error" required="true" value="true"/> <label class="b-label" for="newsletter-item__email-opt-in-b14ec348-aa45-3e85-8748-7779d207ac43"> <span class="b-touch-area"></span> I want to receive emails containing Beats product updates, special offers, and occasional survey invites. </label> <span class="visuallyhidden">Error:</span> <span class="b-error" id="newsletter-optin-error"> Please check this required field. </span> </div> <input type="hidden" name="newsletter--optinId" value="2"/> </div> <div class="b-form-el form--center"> <button class="b-button" type="submit"> Sign Up </button> </div> <div class="form-error b-error b-error--visible"> <div class="form--center"> Submission Error - Please resubmit or try again at a later time. </div> </div> </div> </div> </form> <div class="inline-form__success" tabindex="-1"> <i class="fa-thin fa-hand-peace fa-shake" style="--fa-animation-duration: 3s;"></i> <br/> <div class="inline-form__success__copy"> <div class="show-desktop"><p style="margin: 0;">You’re in.</p> <p style="margin: 0;">Check your inbox soon.</p></div> <div class="show-tablet"><p style="margin: 0;">You’re in.</p> <p style="margin: 0;">Check your inbox soon.</p></div> <div class="show-mobile"><p style="margin: 0;">You’re in.</p> <p style="margin: 0;">Check your inbox soon.</p></div> </div> </div> <div class="inline-form__error"> <p>Submission Error - Please resubmit or try again at a later time.</p> </div> </div></div> </div> </div> </div> </section> </div> <div id="footercontent"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="footerColumn"> <footer class="footer" role="contentinfo"> <div class="footer-content" data-analytics-scroll="" data-analytics-module="footer" data-analytics-region="global-footer"> <!-- This is a column control component which can be used for dividing a div into no.of columns --> <div class="layout-grid-sm-1 layout-grid-lg-4"> <div class=" "> <div class="linksList parbase section"> <div data-analytics-module="footer" data-analytics-region="footer-products"> <h2 id="footer-Products" class="hide-sm hide-md">Products</h2> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h2 id="footer-Products-mobile">Products</h2> <i class="fa-sharp fa-solid fa-chevron-down"></i> </button> <nav role="navigation" aria-labelledby="footer-Products" class="bbd-component accordion__content"> <ul role="presentation"> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|View All" href="/products" class="footer-link">View All</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Compare Products" href="/products/compare" class="footer-link">Compare Products</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Special Offers" href="/promotions" class="footer-link">Special Offers</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Collaborations" href="/collaborations" class="footer-link">Collaborations</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats iPhone Cases" href="/accessories/phone-cases/beats-iphone-16-magsafe-case" class="footer-link">Beats iPhone Cases</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Pill" href="/speakers/beats-pill" class="footer-link">Beats Pill</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Solo 4" href="/headphones/solo4-wireless" class="footer-link">Beats Solo 4</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Solo Buds" href="/earbuds/solo-buds" class="footer-link">Beats Solo Buds</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Studio Pro" href="/headphones/studio-pro-wireless" class="footer-link">Beats Studio Pro</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Studio Buds +" href="/earbuds/studio-buds-plus-wireless-noise-cancelling" class="footer-link">Beats Studio Buds +</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Fit Pro" href="/earbuds/beats-fit-pro" class="footer-link">Beats Fit Pro</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Flex" href="/earbuds/beats-flex" class="footer-link">Beats Flex</a></li> </ul> </nav> </div> </div> </div> <div class=" "> <div class="linksList parbase section"> <div data-analytics-module="footer" data-analytics-region="footer-support"> <h2 id="footer-Support" class="hide-sm hide-md">Support</h2> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h2 id="footer-Support-mobile">Support</h2> <i class="fa-sharp fa-solid fa-chevron-down"></i> </button> <nav role="navigation" aria-labelledby="footer-Support" class="bbd-component accordion__content"> <ul role="presentation"> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Downloads" href="/mobile-apps" class="footer-link">Downloads</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Support Home" href="/support" class="footer-link">Product Help</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="supportExit" data-analytics-label="Footer|Service and Warranty|SFAQ" href="https://support.apple.com/beats/repair" class="footer-link">Service &amp; Warranty</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Register" href="/register" class="footer-link">Register Your Beats</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="supportExit" data-analytics-label="Footer|Update" href="https://support.apple.com/en-us/102368" class="footer-link">Update Your Beats</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Retailers" href="/company/authorized-retailers" class="footer-link">Authorized Retailers</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="supportExit" data-analytics-label="Footer|Contact Support|PFC6007" href="https://getsupport.apple.com/GetproductgroupList.action?caller=bbd&PFC=PFC6007" class="footer-link">Contact Support</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|International Numbers" href="/support/international-numbers" class="footer-link">International Numbers</a></li> </ul> </nav> </div> </div> </div> <div class=" "> <div class="linksList parbase section"> <div data-analytics-module="footer" data-analytics-region="footer-company"> <h2 id="footer-Company" class="hide-sm hide-md">Company</h2> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h2 id="footer-Company-mobile">Company</h2> <i class="fa-sharp fa-solid fa-chevron-down"></i> </button> <nav role="navigation" aria-labelledby="footer-Company" class="bbd-component accordion__content"> <ul role="presentation"> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|About" href="/company/aboutus" class="footer-link">About</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Press" href="/company/press" class="footer-link">Press</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Academy" href="/company/beats-academy" class="footer-link">Beats Academy</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="appleExit" data-analytics-label="Footer|Careers" href="https://jobs.apple.com/en-us/search?sort=relevance&search=beats" class="footer-link">Careers</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Sitemap" href="/sitemap" class="footer-link">Sitemap</a></li> </ul> </nav> </div> </div> <div class="linksList parbase section"> <div data-analytics-module="footer" data-analytics-region="footer-legal"> <h2 id="footer-Legal" class="hide-sm hide-md">Legal</h2> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h2 id="footer-Legal-mobile">Legal</h2> <i class="fa-sharp fa-solid fa-chevron-down"></i> </button> <nav role="navigation" aria-labelledby="footer-Legal" class="bbd-component accordion__content"> <ul role="presentation"> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Terms of Use" href="/company/legal" class="footer-link">Terms of Use</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Privacy" href="/company/legal" class="footer-link">Privacy</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Trademark" href="/company/trademark" class="footer-link">Trademark</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Promotion Terms" href="/company/promotion-terms" class="footer-link">Promotion Terms</a></li> </ul> </nav> </div> </div> </div> <div class="footer__last-section"> <div class="footer__location"> <h2 class="footerDirectoryTitle">Location</h2> <ul role="presentation" class="bbd-component" data-analytics-module="footer" data-analytics-region="footer-social-media-country-selector"> <!-- Added analytics attr --> <li> <a data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="Footer|Country Region Selector" href="/country-region-selector.modal" id="countrySelector" class="location-selector modal__trigger" data-link="true" role="button" data-countryselectionurl="/country-region-selector.modal"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_506_933)"> <path d="M12 22.5C12.7828 22.5 13.8937 21.825 14.9016 19.8141C15.3656 18.8859 15.7547 17.7656 16.0312 16.5H7.96875C8.24531 17.7656 8.63438 18.8859 9.09844 19.8141C10.1063 21.825 11.2172 22.5 12 22.5ZM7.70156 15H16.2984C16.4297 14.0531 16.5 13.0453 16.5 12C16.5 10.9547 16.4297 9.94687 16.2984 9H7.70156C7.57031 9.94687 7.5 10.9547 7.5 12C7.5 13.0453 7.57031 14.0531 7.70156 15ZM7.96875 7.5H16.0312C15.7547 6.23438 15.3656 5.11406 14.9016 4.18594C13.8937 2.175 12.7828 1.5 12 1.5C11.2172 1.5 10.1063 2.175 9.09844 4.18594C8.63438 5.11406 8.24531 6.23438 7.96875 7.5ZM17.8125 9C17.9344 9.96094 18 10.9641 18 12C18 13.0359 17.9344 14.0391 17.8125 15H22.0687C22.35 14.0484 22.5047 13.0406 22.5047 12C22.5047 10.9594 22.3547 9.95156 22.0687 9H17.8125ZM21.4922 7.5C20.2781 4.94531 18.0656 2.95781 15.3563 2.04844C16.3406 3.375 17.1187 5.27344 17.5687 7.5H21.4969H21.4922ZM6.44062 7.5C6.89062 5.26875 7.66875 3.375 8.65313 2.04844C5.93906 2.95781 3.72187 4.94531 2.5125 7.5H6.43594H6.44062ZM1.94063 9C1.65938 9.95156 1.50469 10.9594 1.50469 12C1.50469 13.0406 1.65469 14.0484 1.94063 15H6.1875C6.06563 14.0391 6 13.0359 6 12C6 10.9641 6.06563 9.96094 6.1875 9H1.93594H1.94063ZM15.3516 21.9516C18.0609 21.0375 20.2734 19.0547 21.4875 16.5H17.5641C17.1141 18.7313 16.3359 20.625 15.3516 21.9516ZM8.64844 21.9516C7.66406 20.625 6.89062 18.7266 6.43594 16.5H2.5125C3.72656 19.0547 5.93906 21.0422 8.64844 21.9516ZM12 24C8.8174 24 5.76516 22.7357 3.51472 20.4853C1.26428 18.2348 0 15.1826 0 12C0 8.8174 1.26428 5.76516 3.51472 3.51472C5.76516 1.26428 8.8174 0 12 0C15.1826 0 18.2348 1.26428 20.4853 3.51472C22.7357 5.76516 24 8.8174 24 12C24 15.1826 22.7357 18.2348 20.4853 20.4853C18.2348 22.7357 15.1826 24 12 24Z" fill="#161616"/> </g> <defs> <clipPath id="clip0_506_933"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <span class="footer__country__selected">United States</span> <span class="separator" aria-hidden="true">|</span> Change <span class="a11y">your country or region</span> </a> </li> </ul> </div> <div class="footer__social"> <h2 id="footerBeatsArmy" class="hide-sm hide-md">Follow Us</h2> <nav class="bbd-component" role="navigation" aria-labelledby="footerBeatsArmy" data-analytics-module="footer" data-analytics-region="footer-social-media-country-selector"> <ul role="presentation" class="social social--spaced-row" id="footer-social-army"> <li> <a data-analytics-click data-analytics-link-type="socialFollow" data-analytics-label="Footer|Twitter" href="https://www.twitter.com/beatsbydre" target="_blank"> <i class="fa-brands fa-x-twitter"></i> <span class="a11y">Twitter (Opens in a new window)</span> </a> </li> <li> <a data-analytics-click data-analytics-link-type="socialFollow" data-analytics-label="Footer|Facebook" href="https://www.facebook.com/beatsbydre" target="_blank"> <i class="fa fa-facebook"></i> <span class="a11y">Facebook (Opens in a new window)</span> </a> </li> <li> <a data-analytics-click data-analytics-link-type="socialFollow" data-analytics-label="Footer|Youtube" href="https://www.youtube.com/beatsbydre" target="_blank"> <i class="fa fa-youtube"></i> <span class="a11y">YouTube (Opens in a new window)</span> </a> </li> <li> <a data-analytics-click data-analytics-link-type="socialFollow" data-analytics-label="Footer|Instagram" href="https://www.instagram.com/beatsbydre" target="_blank"> <i class="fa fa-instagram"></i> <span class="a11y">Instagram (Opens in a new window)</span> </a> </li> </ul> </nav> </div> </div> </div> <div class="copyright"> <p> Copyright © 2024 Apple Inc. - All rights reserved. </p> </div> </footer> <span class="a11y" id="status" aria-live="polite"></span> </div> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-9d9de0a1-4aeb-37e4-93c5-0bdf87a8b9a6 { padding-top: 0px; background-color: #FFFFFF; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-9d9de0a1-4aeb-37e4-93c5-0bdf87a8b9a6 { padding-top: 0px; background-color: #FFFFFF; }} @media screen and (max-width: 767px) { .spacing-9d9de0a1-4aeb-37e4-93c5-0bdf87a8b9a6 { padding-top: 7px; background-color: #FFFFFF; }} </style> <section class="bbd-component generic-spacing spacing-9d9de0a1-4aeb-37e4-93c5-0bdf87a8b9a6"></section> </div> <div class="ghost"> </div> </div> </div> <div id="beatsArmyConfirmation-container"></div> <div id="countrySelection-container"> </div> <script> var isExploreEnabled = 'false'; var nameValuePairs = '{}'; var articlePage = 'false'; var isShieldOn = 'true'; var locale = 'en_US'; var explore_exploreTagUrl = '\/stories\/REPLACEME'; var isRcTileRenderable = 'true'; var isAuthorMode = 'false'; var pageType = 'page\u002Dfeaturedetails'; var homepageUrl = '\/'; var countryCode = 'us'; var beatsSearchJsonPath = '\/search.beatssearch.json?q=REPLACEME\x26limit=\u002D1'; var featuredSearch = '\/search.featured.json%20'; var stripHtmlExtension = 'true'; var beatsSearchSuggestionJsonPath = '\/search.beatssuggestions.json?q=REPLACEME\x26locale=en_US'; var searchConfig = '\/search.config.json%20'; var partNumbersList = ''; var pageTrackData = '{\x22content\x22:{\x22pageName\x22:\x22home\x22,\x22siteSection\x22:\x22root\x22,\x22siteSectionSub1\x22:\x22\x22,\x22siteSectionSub2\x22:\x22\x22,\x22siteSectionSub3\x22:\x22\x22,\x22siteName\x22:\x22Beatsbydre\u002DUS\x22,\x22pageType\x22:\x22home\x22,\x22contentType\x22:\x22navigation\x22,\x22language\x22:\x22en\x22,\x22country\x22:\x22US\x22,\x22contentCategories\x22:\x22\x22}}'; var articlePublishDate = ''; var localeCountryKey = locale; if(locale == 'en'){ if(countryCode != 'ww-global'){ localeCountryKey = localeCountryKey+'_'+countryCode.toUpperCase(); } else { localeCountryKey = localeCountryKey+'_US'; } } nameValuePairs = JSON.parse(nameValuePairs); pageTrackData = JSON.parse(pageTrackData); </script> <script src="/etc.clientlibs/beats/clientlibs/site/libExternal.min.js"></script> <script src="/etc.clientlibs/beats/clientlibs/site/base.min.js"></script> <script src="/etc.clientlibs/beats/clientlibs/site/pdpPage.min.js"></script> <script src="/etc.clientlibs/beats/clientlibs/site/featurePage.min.js"></script> <!--<script type="text/javascript">_satellite.pageBottom();</script>--> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10