Latest Beats Pill - Kim Kardashian - Portable Bluetooth Wireless Speaker

<!doctype html> <meta charset="utf-8"/> <html class=" " lang="en-US"> <head> <meta name="viewport" content="width=device-width, initial-scale=1"/> <title>Latest Beats Pill - Kim Kardashian - Portable Bluetooth Wireless Speaker </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"/>  <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/speakers/beats-pill"/> <meta property="og:image" content="/content/dam/beats/web/product/speakers/beats-pill/global/og/beats-pill-global-ogimage.jpg"/> <meta property="og:title" content="Latest Beats Pill - Kim Kardashian - Portable Bluetooth Wireless Speaker"/> <meta property="og:description" content="Kim Kardashian edition Beats Pill is available now. Beats Pill is back in 2024, a portable bluetooth wireless speaker with sound bigger than its size."/> <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:title" content="Latest Beats Pill - Kim Kardashian - Portable Bluetooth Wireless Speaker"/> <meta name="twitter:description" content="Kim Kardashian edition Beats Pill is available now. Beats Pill is back in 2024, a portable bluetooth wireless speaker with sound bigger than its size."/> <meta name="robots" content="follow,index"/> <meta name="description" content="Kim Kardashian edition Beats Pill is available now. Beats Pill is back in 2024, a portable bluetooth wireless speaker with sound bigger than its size."/> <meta name="keywords" content="bluetooth speaker, portable speaker, wireless speaker"/> <meta name="referrer" content="no-referrer-when-downgrade"/> <link rel="canonical" href="https://www.beatsbydre.com/speakers/beats-pill"/> <link rel="alternate" href="https://www.beatsbydre.com/hk-zh/speakers/beats-pill" hreflang="zh-HK"/> <link rel="alternate" href="https://www.beatsbydre.com/hk/speakers/beats-pill" hreflang="en-HK"/> <link rel="alternate" href="https://www.beatsbydre.com/in/speakers/beats-pill" hreflang="en-IN"/> <link rel="alternate" href="https://www.beatsbydre.com/it/speakers/beats-pill" hreflang="it-IT"/> <link rel="alternate" href="https://www.beatsbydre.com/ch-fr/speakers/beats-pill" hreflang="fr-CH"/> <link rel="alternate" href="https://www.beatsbydre.com.cn/speakers/beats-pill" hreflang="zh-CN"/> <link rel="alternate" href="https://www.beatsbydre.com/at/speakers/beats-pill" hreflang="de-AT"/> <link rel="alternate" href="https://www.beatsbydre.com/nl/speakers/beats-pill" hreflang="nl-NL"/> <link rel="alternate" href="https://www.beatsbydre.com/uk/speakers/beats-pill" hreflang="en-GB"/> <link rel="alternate" href="https://www.beatsbydre.com/de/speakers/beats-pill" hreflang="de-DE"/> <link rel="alternate" href="https://www.beatsbydre.com/ie/speakers/beats-pill" hreflang="en-IE"/> <link rel="alternate" href="https://www.beatsbydre.com/se/speakers/beats-pill" hreflang="sv-SE"/> <link rel="alternate" href="https://www.beatsbydre.com/br/speakers/beats-pill" hreflang="pt-BR"/> <link rel="alternate" href="https://www.beatsbydre.com/tw/speakers/beats-pill" hreflang="zh-TW"/> <link rel="alternate" href="https://www.beatsbydre.com/ca-fr/speakers/beats-pill" hreflang="fr-CA"/> <link rel="alternate" href="https://www.beatsbydre.com/jp/speakers/beats-pill" hreflang="ja-JP"/> <link rel="alternate" href="https://www.beatsbydre.com/mx/speakers/beats-pill" hreflang="es-MX"/> <link rel="alternate" href="https://www.beatsbydre.com/ca/speakers/beats-pill" hreflang="en-CA"/> <link rel="alternate" href="https://www.beatsbydre.com/be-fr/speakers/beats-pill" hreflang="fr-BE"/> <link rel="alternate" href="https://www.beatsbydre.com/es/speakers/beats-pill" hreflang="es-ES"/> <link rel="alternate" href="https://www.beatsbydre.com/speakers/beats-pill" hreflang="en-US"/> <link rel="alternate" href="https://www.beatsbydre.com/au/speakers/beats-pill" hreflang="en-AU"/> <link rel="alternate" href="https://www.beatsbydre.com/kr/speakers/beats-pill" hreflang="ko-KR"/> <link rel="alternate" href="https://www.beatsbydre.com/fr/speakers/beats-pill" hreflang="fr-FR"/> <link rel="alternate" href="https://www.beatsbydre.com/ch-de/speakers/beats-pill" hreflang="de-CH"/> <link rel="alternate" href="https://www.beatsbydre.com/be-nl/speakers/beats-pill" hreflang="nl-BE"/> <link rel="alternate" href="https://www.beatsbydre.com/sg/speakers/beats-pill" hreflang="en-SG"/> <script type="application/ld+json" id="product-structured-data"> { "@context": "http://schema.org/", "@type": "Product", "name": "Beats Pill", "image": "https://www.beatsbydre.com", "description": "Beats Pill is back, a portable bluetooth wireless speaker with sound bigger than its size. Water-resistant, USB-C and up to 24 hours of battery life.", "url": "https://www.beatsbydre.com/speakers/beats-pill", "mainEntityOfPage": "https://www.beatsbydre.com/speakers/beats-pill", "color": "", "mpn": "MW443LL/A", "sku": "MW443LL/A", "offers": { "@type": "offer", "priceCurrency": "USD", "price": "149.99", "itemCondition": "https://schema.org/NewCondition", "availability": "https://schema.org/InStock", "url": "https://www.apple.com/shop/product/MW443LL/A", "shippingDetails": { "@type": "OfferShippingDetails", "shippingRate": { "@type": "MonetaryAmount", "value": "0", "currency": "USD" } } }, "brand": { "@id": "https://www.beatsbydre.com/speakers/beats-pill#organization", "@type": "Brand", "name": "Beats by Dre" } } </script> <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> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{"@type":"ListItem","position":1,"name":"Beats by Dre","item":"https://www.beatsbydre.com/"},{"@type":"ListItem","position":2,"name":"Speakers","item":"https://www.beatsbydre.com/products#speakers"},{"@type":"ListItem","position":3,"name":"Beats Pill","item":"https://www.beatsbydre.com/speakers/beats-pill"}] } </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/overwrites/global.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"> <style type="text/css" id="page-background"> :root { --page-background: #EFEDE9; } </style> <script> window.adobeDataLayer = window.adobeDataLayer || [] ; </script>  <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:Beats Pill"}}; </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">  <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 — 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-secondary"> <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-courier" data-aria-label-prefix="Choose two-hour courier or free delivery">Choose two-hour courier or 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-courier" data-aria-label-prefix="Choose two-hour courier or free delivery">Choose two-hour courier or 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-courier" data-aria-label-prefix="Choose two-hour courier or free delivery">Choose two-hour courier or 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 class="bs3"> <div id="bs3-pdp" role="main"> <h1 class="a11y">Latest Beats Pill - Kim Kardashian - Portable Bluetooth Wireless Speaker</h1> <div><div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-c302dbe5-2e5d-32c6-a269-3d354dd5675e { background: #fff; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-c302dbe5-2e5d-32c6-a269-3d354dd5675e:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-c302dbe5-2e5d-32c6-a269-3d354dd5675e .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-c302dbe5-2e5d-32c6-a269-3d354dd5675e:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-c302dbe5-2e5d-32c6-a269-3d354dd5675e .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-c302dbe5-2e5d-32c6-a269-3d354dd5675e:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-c302dbe5-2e5d-32c6-a269-3d354dd5675e .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-c302dbe5-2e5d-32c6-a269-3d354dd5675e" data-desktop-bg-color="#fff"> <div class="outer-container"> <div class="content-container"> <div><div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-475fe923-586d-3711-899b-5760764a5678 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-475fe923-586d-3711-899b-5760764a5678:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-475fe923-586d-3711-899b-5760764a5678 .outer-container { width: 91.66666%; max-width: 1320px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-475fe923-586d-3711-899b-5760764a5678:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-475fe923-586d-3711-899b-5760764a5678 .outer-container { width: 91.66666%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-475fe923-586d-3711-899b-5760764a5678:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-475fe923-586d-3711-899b-5760764a5678 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-475fe923-586d-3711-899b-5760764a5678" data-desktop-bg-color="transparent" id="product-carousel"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-01c35f26-c6c4-385c-a1ab-7dd1f84d9264 { padding-top: 50px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-01c35f26-c6c4-385c-a1ab-7dd1f84d9264 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-01c35f26-c6c4-385c-a1ab-7dd1f84d9264 { padding-top: 10px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-01c35f26-c6c4-385c-a1ab-7dd1f84d9264"></section> </div> <div class="experiencefragment section">  <div class="productCarouselV2"><style> .product-carousel .product-carousel__content ul { display: grid !important; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; margin: auto; } .product-carousel .cardComponent { display: flex; flex-direction: column; } .product-carousel .cardComponent li { height: 100%; } .product-carousel .product-carousel__content .cardComponent li .row-carousel--offset { transform: none !important; } .product-carousel ul>div { min-width: 250px; } </style> <script> var partNumbersList = '{\x22MW443LL\/A\x22:{\x22displayPrice\x22:\x22<span class=\\\x22pdp\u002Dprice pdp\u002Dprice\u002Dorig\\\x22 data\u002Dselector\u002Dprice=\\\x22\\\x22>$149.99<\/span>\x22,\x22originalPrice\x22:\x22$149.99\x22,\x22numericPrice\x22:\x22149.99\x22,\x22aosUrl\x22:\x22https:\/\/www.apple.com\/shop\/product\/MW443LL\/A?cid=beats_wb_pdp_evergreen_ww_beatspill_na\x22,\x22cid\x22:\x22beats_wb_pdp_evergreen_ww_beatspill_na\x22,\x22background\x22:\x22#000000\x22,\x22collection\x22:\x22\x22,\x22theme\x22:\x22pdp\u002Dtheme\u002Ddark\x22,\x22productFamily\x22:\x22Speakers\x22,\x22subFamily\x22:\x22Beats Pill\x22,\x22displayName\x22:\x22Beats Pill — Wireless Bluetooth® Speaker — Matte Black\x22,\x22productImage\x22:\x22https:\/\/www.beatsbydre.com\x22,\x22structuredDataImage\x22:\x22\x22,\x22urlVariant\x22:\x22beatspill\u002Dblack\x22,\x22variant\x22:\x22Matte Black\x22,\x22colorSwatchImage\x22:\x22\x22,\x22sku\x22:\x22MW443LL\/A\x22,\x22addToCartPath\x22:\x22https:\/\/beats\u002Dcart.apple.com\/add\u002Dto\u002Dcart\/en_US?sku=MW443LL\/A\x26cid=beats_wb_pdp_evergreen_ww_beatspill_na\x22,\x22addToCartSuccessPath\x22:\x22https:\/\/www.apple.com\/shop\/bag\x22,\x22asset\x22:[{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D01\u002Dbeatspill\u002Dwired.jpg\x22,\x22altText\x22:\x22Angled view of Beats Pill in Matte Black\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D01\u002Dbeatspill\u002Dwired.jpg\x22,\x22altTextThumbnail\x22:\x22Angled view of Beats Pill in Matte Black\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:false,\x22analyticsSlideName\x22:\x22Beats Pill Black 1\x22},{\x22type\x22:\x223d\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/global\/3d\/beats\u002Dpill\u002Dblack.glb\x22,\x22iosSrc\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/global\/3d\/beats\u002Dpill\u002Dblack.usdz\x22,\x22helperText\x22:\x22Press and drag to rotate in 3D<sup data\u002Dfootnote=\\\x223d\u002Dmodel\\\x22><\/sup>\x22,\x22arialLabel\x22:\x22Press and drag to rotate in 3D\x22,\x22fallbackImg\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D01\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Angled view of Beats Pill in Matte Black\x22,\x22cameraOrbitText\x22:\x22\x22,\x22autoPlay\x22:\x22true\x22,\x22ar\x22:true,\x22arText\x22:\x22View in your space\x22,\x22environmentImage\x22:\x22neutral\x22,\x22exposure\x22:\x221.0\x22,\x22toneMapping\x22:\x22aces\x22,\x22color\x22:\x22\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D01\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Angled view of Beats Pill in Matte Black\x22,\x22ariaLabelThumbnail\x22:\x22Angled view of Beats Pill in Matte Black\x22,\x22analyticsSlideName\x22:\x22Beats Pill Black 2\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D03\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill battery battery life \x2724 hours\x27 graphic\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D03\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill battery battery life \x2724 hours\x27 graphic\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22Up to 24 Hours of Battery Life<sup data\u002Dfootnote=\\\x22pill\u002Dbattery\u002Dlife\\\x22><\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Black 3\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D04\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill shown on table\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D04\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill shown on table\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22IP67 Dust and Water Resistance<sup data\u002Dfootnote=\\\x22pill\u002Dwater\u002Dresistance\\\x22><\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Black 4\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D05\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill shown on bookshelf\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D05\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill shown on bookshelf\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22Built for Portability\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Black 5\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D06\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill connected to USB\u002DC audio cable\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D06\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill connected to USB\u002DC audio cable\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22High\u002DResolution Lossless Audio via USB\u002DC Cable<sup data\u002Dfootnote=\\\x22lossless\u002Daudio\\\x22><\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Black 6\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D07\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill shown next to computer\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D07\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill shown next to computer\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22Apple \x26 Android Compatibility\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Black 7\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D08\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill with included items\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D08\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill with included items\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22In the Box\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Black 8\x22}],\x22defaultSku\x22:true,\x22secondaryCta\x22:null,\x22buttonDetails\x22:{\x22openLinkInNewTab\x22:\x22false\x22,\x22buttonState\x22:\x22\x22,\x22availabilityStatus\x22:\x22buyable\x22,\x22configuredButtonLabel\x22:\x22ADD TO BAG <i class=\\\x22fa fa\u002Dapple\\\x22><\/i>\x22,\x22analyticsLinkType\x22:\x22buy\x22,\x22analyticsLinkName\x22:\x22Store|Add to bag\x22}},\x22MWQW3LL\/A\x22:{\x22displayPrice\x22:\x22<span class=\\\x22pdp\u002Dprice pdp\u002Dprice\u002Dorig\\\x22 data\u002Dselector\u002Dprice=\\\x22\\\x22>$149.99<\/span>\x22,\x22originalPrice\x22:\x22$149.99\x22,\x22numericPrice\x22:\x22149.99\x22,\x22aosUrl\x22:\x22https:\/\/www.apple.com\/shop\/product\/MWQW3LL\/A?cid=beats_wb_pdp_evergreen_ww_beatspill_na\x22,\x22cid\x22:\x22beats_wb_pdp_evergreen_ww_beatspill_na\x22,\x22background\x22:\x22#b91f26\x22,\x22collection\x22:\x22\x22,\x22theme\x22:\x22pdp\u002Dtheme\u002Ddark\x22,\x22productFamily\x22:\x22Speakers\x22,\x22subFamily\x22:\x22Beats Pill\x22,\x22displayName\x22:\x22Beats Pill — Wireless Bluetooth® Speaker — Statement Red\x22,\x22productImage\x22:\x22https:\/\/www.beatsbydre.com\x22,\x22structuredDataImage\x22:\x22\x22,\x22urlVariant\x22:\x22beatspill\u002Dred\x22,\x22variant\x22:\x22Statement Red\x22,\x22colorSwatchImage\x22:\x22\x22,\x22sku\x22:\x22MWQW3LL\/A\x22,\x22addToCartPath\x22:\x22https:\/\/beats\u002Dcart.apple.com\/add\u002Dto\u002Dcart\/en_US?sku=MWQW3LL\/A\x26cid=beats_wb_pdp_evergreen_ww_beatspill_na\x22,\x22addToCartSuccessPath\x22:\x22https:\/\/www.apple.com\/shop\/bag\x22,\x22asset\x22:[{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D01\u002Dbeatspill\u002Dwired.jpg\x22,\x22altText\x22:\x22Angled view of Beats Pill in Statement Red\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D01\u002Dbeatspill\u002Dwired.jpg\x22,\x22altTextThumbnail\x22:\x22Angled view of Beats Pill in Statement Red\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:false,\x22analyticsSlideName\x22:\x22Beats Pill Red 1\x22},{\x22type\x22:\x223d\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/global\/3d\/beats\u002Dpill\u002Dred.glb\x22,\x22iosSrc\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/global\/3d\/beats\u002Dpill\u002Dred.usdz\x22,\x22helperText\x22:\x22Press and drag to rotate in 3D<sup data\u002Dfootnote=\\\x223d\u002Dmodel\\\x22><\/sup>\x22,\x22arialLabel\x22:\x22Press and drag to rotate in 3D<sup data\u002Dfootnote=\\\x223d\u002Dmodel\\\x22><\/sup>\x22,\x22fallbackImg\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D01\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Angled view of Beats Pill in Statement Red\x22,\x22cameraOrbitText\x22:\x22\x22,\x22autoPlay\x22:\x22true\x22,\x22ar\x22:true,\x22arText\x22:\x22View in your space\x22,\x22environmentImage\x22:\x22neutral\x22,\x22exposure\x22:\x221.0\x22,\x22toneMapping\x22:\x22aces\x22,\x22color\x22:\x22\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D01\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Angled view of Beats Pill in Statement Red\x22,\x22ariaLabelThumbnail\x22:\x22Angled view of Beats Pill in Statement Red\x22,\x22analyticsSlideName\x22:\x22Beats Pill Red 2\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D03\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill battery battery life \x2724 hours\x27 graphic\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D03\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill battery battery life \x2724 hours\x27 graphic\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22Up to 24 Hours of Battery Life<sup data\u002Dfootnote=\\\x22pill\u002Dbattery\u002Dlife\\\x22><\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Red 3\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D04\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill shown on table\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D04\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill shown on table\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22IP67 Dust and Water Resistance<sup data\u002Dfootnote=\\\x22pill\u002Dwater\u002Dresistance\\\x22><\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Red 4\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D05\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill shown on bookshelf\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D05\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill shown on bookshelf\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22Built for Portability\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Red 5\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D06\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill connected to USB\u002DC audio cable\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D06\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill connected to USB\u002DC audio cable\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22High\u002DResolution Lossless Audio via USB\u002DC Cable<sup data\u002Dfootnote=\\\x22lossless\u002Daudio\\\x22><\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Red 6\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D07\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill shown next to computer\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D07\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill shown next to computer\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22Apple \x26 Android Compatibility\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Red 7\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D08\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill with included items\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/red\/red\u002D08\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill with included items\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22In the Box\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Red 8\x22}],\x22defaultSku\x22:false,\x22secondaryCta\x22:null,\x22buttonDetails\x22:{\x22openLinkInNewTab\x22:\x22false\x22,\x22buttonState\x22:\x22\x22,\x22availabilityStatus\x22:\x22buyable\x22,\x22configuredButtonLabel\x22:\x22ADD TO BAG <i class=\\\x22fa fa\u002Dapple\\\x22><\/i>\x22,\x22analyticsLinkType\x22:\x22buy\x22,\x22analyticsLinkName\x22:\x22Store|Add to bag\x22}},\x22MW463LL\/A\x22:{\x22displayPrice\x22:\x22<span class=\\\x22pdp\u002Dprice pdp\u002Dprice\u002Dorig\\\x22 data\u002Dselector\u002Dprice=\\\x22\\\x22>$149.99<\/span>\x22,\x22originalPrice\x22:\x22$149.99\x22,\x22numericPrice\x22:\x22149.99\x22,\x22aosUrl\x22:\x22https:\/\/www.apple.com\/shop\/product\/MW463LL\/A?cid=beats_wb_pdp_evergreen_ww_beatspill_na\x22,\x22cid\x22:\x22beats_wb_pdp_evergreen_ww_beatspill_na\x22,\x22background\x22:\x22#d0c5c2\x22,\x22collection\x22:\x22\x22,\x22theme\x22:\x22pdp\u002Dtheme\u002Ddark\x22,\x22productFamily\x22:\x22Speakers\x22,\x22subFamily\x22:\x22Beats Pill\x22,\x22displayName\x22:\x22Beats Pill — Wireless Bluetooth® Speaker — Champagne Gold\x22,\x22productImage\x22:\x22https:\/\/www.beatsbydre.com\x22,\x22structuredDataImage\x22:\x22\x22,\x22urlVariant\x22:\x22beatspill\u002Dgold\x22,\x22variant\x22:\x22Champagne Gold\x22,\x22colorSwatchImage\x22:\x22\x22,\x22sku\x22:\x22MW463LL\/A\x22,\x22addToCartPath\x22:\x22https:\/\/beats\u002Dcart.apple.com\/add\u002Dto\u002Dcart\/en_US?sku=MW463LL\/A\x26cid=beats_wb_pdp_evergreen_ww_beatspill_na\x22,\x22addToCartSuccessPath\x22:\x22https:\/\/www.apple.com\/shop\/bag\x22,\x22asset\x22:[{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D01\u002Dbeatspill\u002Dwired.jpg\x22,\x22altText\x22:\x22Angled view of Beats Pill in Champagne Gold\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D01\u002Dbeatspill\u002Dwired.jpg\x22,\x22altTextThumbnail\x22:\x22Angled view of Beats Pill in Champagne Gold\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:false,\x22analyticsSlideName\x22:\x22Beats Pill Gold 1\x22},{\x22type\x22:\x223d\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/global\/3d\/beats\u002Dpill\u002Dchampagne.glb\x22,\x22iosSrc\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/global\/3d\/beats\u002Dpill\u002Dchampagne.usdz\x22,\x22helperText\x22:\x22Press and drag to rotate in 3D<sup data\u002Dfootnote=\\\x223d\u002Dmodel\\\x22><\/sup>\x22,\x22arialLabel\x22:\x22Press and drag to rotate in 3D<sup data\u002Dfootnote=\\\x223d\u002Dmodel\\\x22><\/sup>\x22,\x22fallbackImg\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D01\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Angled view of Beats Pill in Champagne Gold\x22,\x22cameraOrbitText\x22:\x22\x22,\x22autoPlay\x22:\x22true\x22,\x22ar\x22:true,\x22arText\x22:\x22View in your space\x22,\x22environmentImage\x22:\x22neutral\x22,\x22exposure\x22:\x221.0\x22,\x22toneMapping\x22:\x22aces\x22,\x22color\x22:\x22\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/black\/black\u002D01\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Angled view of Beats Pill in Champagne Gold\x22,\x22ariaLabelThumbnail\x22:\x22Angled view of Beats Pill in Champagne Gold\x22,\x22analyticsSlideName\x22:\x22Beats Pill Gold 2\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D03\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill battery battery life \x2724 hours\x27 graphic\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D03\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill battery battery life \x2724 hours\x27 graphic\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22Up to 24 Hours of Battery Life<sup data\u002Dfootnote=\\\x22pill\u002Dbattery\u002Dlife\\\x22><\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Gold 3\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D04\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill shown on table\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D04\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill shown on table\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22IP67 Dust and Water Resistance<sup data\u002Dfootnote=\\\x22pill\u002Dwater\u002Dresistance\\\x22><\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Gold 4\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D05\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill shown on bookshelf\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D05\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill shown on bookshelf\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22Built for Portability\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Gold 5\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D06\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill connected to USB\u002DC audio cable\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D06\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill connected to USB\u002DC audio cable\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22High\u002DResolution Lossless Audio via USB\u002DC Cable<sup data\u002Dfootnote=\\\x22lossless\u002Daudio\\\x22><\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Gold 6\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D07\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill shown next to computer\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D07\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill shown next to computer\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22Apple \x26 Android Compatibility\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Gold 7\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D08\u002Dbeatspill.jpg\x22,\x22altText\x22:\x22Beats Pill with included items\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/gold\/gold\u002D08\u002Dbeatspill.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill with included items\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22In the Box\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Gold 8\x22}],\x22defaultSku\x22:false,\x22secondaryCta\x22:null,\x22buttonDetails\x22:{\x22openLinkInNewTab\x22:\x22false\x22,\x22buttonState\x22:\x22\x22,\x22availabilityStatus\x22:\x22buyable\x22,\x22configuredButtonLabel\x22:\x22ADD TO BAG <i class=\\\x22fa fa\u002Dapple\\\x22><\/i>\x22,\x22analyticsLinkType\x22:\x22buy\x22,\x22analyticsLinkName\x22:\x22Store|Add to bag\x22}},\x22MAX44LL\/A\x22:{\x22displayPrice\x22:\x22<span class=\\\x22pdp\u002Dprice pdp\u002Dprice\u002Dorig\\\x22 data\u002Dselector\u002Dprice=\\\x22\\\x22>$149.99<\/span>\x22,\x22originalPrice\x22:\x22$149.99\x22,\x22numericPrice\x22:\x22149.99\x22,\x22eyebrowText\x22:\x22New Color\x22,\x22aosUrl\x22:\x22https:\/\/www.apple.com\/shop\/product\/MAX44LL\/A?cid=beats_wb_pdp_evergreen_ww_beatspill_na\x22,\x22cid\x22:\x22beats_wb_pdp_evergreen_ww_beatspill_na\x22,\x22background\x22:\x22#999999\x22,\x22collection\x22:\x22Kim Special Edition\x22,\x22theme\x22:\x22pdp\u002Dtheme\u002Ddark\x22,\x22productFamily\x22:\x22Speakers\x22,\x22subFamily\x22:\x22Beats Pill\x22,\x22displayName\x22:\x22Beats Pill – Kim Special Edition \u002D Dark Gray\x22,\x22productImage\x22:\x22https:\/\/www.beatsbydre.com\x22,\x22structuredDataImage\x22:\x22\x22,\x22urlVariant\x22:\x22beatspill\u002Dkim\u002Dkardashian\u002Ddarkgray\x22,\x22variant\x22:\x22Dark Gray\x22,\x22colorSwatchImage\x22:\x22\x22,\x22sku\x22:\x22MAX44LL\/A\x22,\x22addToCartPath\x22:\x22https:\/\/beats\u002Dcart.apple.com\/add\u002Dto\u002Dcart\/en_US?sku=MAX44LL\/A\x26cid=beats_wb_pdp_evergreen_ww_beatspill_na\x22,\x22addToCartSuccessPath\x22:\x22https:\/\/www.apple.com\/shop\/bag\x22,\x22asset\x22:[{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/dark\u002Dgray\/kk\u002Ddarkgray\u002D01\u002Dwired.jpg\x22,\x22altText\x22:\x22Angled view of Beats Pill in dark gray.\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/dark\u002Dgray\/kk\u002Ddarkgray\u002D01\u002Dwired.jpg\x22,\x22altTextThumbnail\x22:\x22Angled view of Beats Pill in dark gray.\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:false,\x22analyticsSlideName\x22:\x22Beats Pill dark gray 1\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/dark\u002Dgray\/kk\u002Ddarkgray\u002D02.jpg\x22,\x22altText\x22:\x22Kim Kardashian holding Beats Pill in dark gray.\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/dark\u002Dgray\/kk\u002Ddarkgray\u002D02.jpg\x22,\x22altTextThumbnail\x22:\x22Kim Kardashian holding Beats Pill in dark gray.\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill dark gray 2\x22},{\x22type\x22:\x223d\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/global\/3d\/kk\u002Ddarkgray.glb\x22,\x22iosSrc\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/global\/3d\/kk\u002Ddarkgray.usdz\x22,\x22helperText\x22:\x22Press and drag to rotate in 3D<sup data\u002Dfootnote=\\\x223d\u002Dmodel\\\x22><\/sup>\x22,\x22arialLabel\x22:\x22Press and drag to rotate in 3D<sup data\u002Dfootnote=\\\x223d\u002Dmodel\\\x22><\/sup>\x22,\x22fallbackImg\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/dark\u002Dgray\/kk\u002Ddarkgray\u002D01.jpg\x22,\x22altText\x22:\x22Angled view of Beats Pill in dark gray\x22,\x22cameraOrbitText\x22:\x22\x22,\x22autoPlay\x22:\x22true\x22,\x22ar\x22:true,\x22arText\x22:\x22View in your space\x22,\x22environmentImage\x22:\x22neutral\x22,\x22exposure\x22:\x221.0\x22,\x22toneMapping\x22:\x22aces\x22,\x22color\x22:\x22\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/dark\u002Dgray\/kk\u002Ddarkgray\u002D01.jpg\x22,\x22altTextThumbnail\x22:\x22Angled view of Beats Pill in dark gray\x22,\x22ariaLabelThumbnail\x22:\x22Angled view of Beats Pill in dark gray\x22,\x22analyticsSlideName\x22:\x22Beats Pill dark gray 3\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/dark\u002Dgray\/kk\u002Ddarkgray\u002D04.jpg\x22,\x22altText\x22:\x22Beats Pill battery battery life \x2724 hours\x27 graphic\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/dark\u002Dgray\/kk\u002Ddarkgray\u002D04.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill battery battery life \x2724 hours\x27 graphic\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22Up to 24 Hours of Battery Life<sup data\u002Dfootnote=\\\x22pill\u002Dbattery\u002Dlife\\\x22><\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill dark gray 4\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/dark\u002Dgray\/kk\u002Ddarkgray\u002D05.jpg\x22,\x22altText\x22:\x22Beats Pill shown next to a pool.\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/dark\u002Dgray\/kk\u002Ddarkgray\u002D05.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill shown next to a pool.\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22IP67 Dust and Water Resistance<sup data\u002Dfootnote=\\\x22pill\u002Dwater\u002Dresistance\\\x22><\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill dark gray 5\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/dark\u002Dgray\/kk\u002Ddarkgray\u002D06.jpg\x22,\x22altText\x22:\x22Kim Kardashian holding Beats Pill in light gray and dark gray.\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/dark\u002Dgray\/kk\u002Ddarkgray\u002D06.jpg\x22,\x22altTextThumbnail\x22:\x22Kim Kardashian holding Beats Pill in light gray and dark gray.\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill dark gray 6\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/dark\u002Dgray\/kk\u002Ddarkgray\u002D07.jpg\x22,\x22altText\x22:\x22Beats Pill with included items\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/dark\u002Dgray\/kk\u002Ddarkgray\u002D07.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill with included items\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22Color\u002DMatched Lanyard \x22,\x22textDesc\x22:\x22with Custom Gray USB\u002DC Cable\x22,\x22overlay\x22:true,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill dark gray 7\x22}],\x22defaultSku\x22:false,\x22secondaryCta\x22:null,\x22buttonDetails\x22:{\x22openLinkInNewTab\x22:\x22false\x22,\x22buttonState\x22:\x22\x22,\x22availabilityStatus\x22:\x22buyable\x22,\x22configuredButtonLabel\x22:\x22ADD TO BAG <i class=\\\x22fa fa\u002Dapple\\\x22><\/i>\x22,\x22analyticsLinkType\x22:\x22buy\x22,\x22analyticsLinkName\x22:\x22Store|Add to bag\x22}},\x22MAX24LL\/A\x22:{\x22displayPrice\x22:\x22<span class=\\\x22pdp\u002Dprice pdp\u002Dprice\u002Dorig\\\x22 data\u002Dselector\u002Dprice=\\\x22\\\x22>$149.99<\/span>\x22,\x22originalPrice\x22:\x22$149.99\x22,\x22numericPrice\x22:\x22149.99\x22,\x22eyebrowText\x22:\x22New Color\x22,\x22aosUrl\x22:\x22https:\/\/www.apple.com\/shop\/product\/MAX24LL\/A?cid=beats_wb_pdp_evergreen_ww_beatspill_na\x22,\x22cid\x22:\x22beats_wb_pdp_evergreen_ww_beatspill_na\x22,\x22background\x22:\x22#D1CBC4\x22,\x22collection\x22:\x22Kim Special Edition\x22,\x22theme\x22:\x22pdp\u002Dtheme\u002Ddark\x22,\x22productFamily\x22:\x22Speakers\x22,\x22subFamily\x22:\x22Beats Pill\x22,\x22displayName\x22:\x22Beats Pill – Kim Special Edition \u002D Light Gray\x22,\x22productImage\x22:\x22https:\/\/www.beatsbydre.com\x22,\x22structuredDataImage\x22:\x22\x22,\x22urlVariant\x22:\x22beatspill\u002Dkim\u002Dkardashian\u002Dlightgray\x22,\x22variant\x22:\x22Light Gray\x22,\x22colorSwatchImage\x22:\x22\x22,\x22sku\x22:\x22MAX24LL\/A\x22,\x22addToCartPath\x22:\x22https:\/\/beats\u002Dcart.apple.com\/add\u002Dto\u002Dcart\/en_US?sku=MAX24LL\/A\x26cid=beats_wb_pdp_evergreen_ww_beatspill_na\x22,\x22addToCartSuccessPath\x22:\x22https:\/\/www.apple.com\/shop\/bag\x22,\x22asset\x22:[{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/light\u002Dgray\/kk\u002Dlightgray\u002D01\u002Dwired.jpg\x22,\x22altText\x22:\x22Angled view of Beats Pill in light gray.\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/light\u002Dgray\/kk\u002Dlightgray\u002D01\u002Dwired.jpg\x22,\x22altTextThumbnail\x22:\x22Angled view of Beats Pill in light gray.\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:false,\x22analyticsSlideName\x22:\x22Beats Pill Light Gray 1\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/light\u002Dgray\/kk\u002Dlightgray\u002D02.jpg\x22,\x22altText\x22:\x22Kim Kardashian holding Beats Pill in light gray.\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/light\u002Dgray\/kk\u002Dlightgray\u002D02.jpg\x22,\x22altTextThumbnail\x22:\x22Kim Kardashian holding Beats Pill in light gray.\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Light Gray 2\x22},{\x22type\x22:\x223d\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/global\/3d\/kk\u002Dlightgray.glb\x22,\x22iosSrc\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/global\/3d\/kk\u002Dlightgray.usdz\x22,\x22helperText\x22:\x22Press and drag to rotate in 3D<sup data\u002Dfootnote=\\\x223d\u002Dmodel\\\x22><\/sup>\x22,\x22arialLabel\x22:\x22Press and drag to rotate in 3D<sup data\u002Dfootnote=\\\x223d\u002Dmodel\\\x22><\/sup>\x22,\x22fallbackImg\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/light\u002Dgray\/kk\u002Dlightgray\u002D01.jpg\x22,\x22altText\x22:\x22Angled view of Beats Pill in Light Gray\x22,\x22cameraOrbitText\x22:\x22\x22,\x22autoPlay\x22:\x22true\x22,\x22ar\x22:true,\x22arText\x22:\x22View in your space\x22,\x22environmentImage\x22:\x22neutral\x22,\x22exposure\x22:\x221.0\x22,\x22toneMapping\x22:\x22aces\x22,\x22color\x22:\x22\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/light\u002Dgray\/kk\u002Dlightgray\u002D01.jpg\x22,\x22altTextThumbnail\x22:\x22Angled view of Beats Pill in Light Gray\x22,\x22ariaLabelThumbnail\x22:\x22Angled view of Beats Pill in Light Gray\x22,\x22analyticsSlideName\x22:\x22Beats Pill Light Gray 3\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/light\u002Dgray\/kk\u002Dlightgray\u002D04.jpg\x22,\x22altText\x22:\x22Beats Pill battery battery life \x2724 hours\x27 graphic\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/light\u002Dgray\/kk\u002Dlightgray\u002D04.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill battery battery life \x2724 hours\x27 graphic\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22Up to 24 Hours of Battery Life<sup data\u002Dfootnote=\\\x22pill\u002Dbattery\u002Dlife\\\x22><\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Light Gray 4\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/light\u002Dgray\/kk\u002Dlightgray\u002D05.jpg\x22,\x22altText\x22:\x22Beats Pill shown next to shower supplies.\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/light\u002Dgray\/kk\u002Dlightgray\u002D05.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill shown next to shower supplies.\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22IP67 Dust and Water Resistance<sup data\u002Dfootnote=\\\x22pill\u002Dwater\u002Dresistance\\\x22><\/sup>\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Light Gray 5\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/light\u002Dgray\/kk\u002Dlightgray\u002D06.jpg\x22,\x22altText\x22:\x22Kim Kardashian holding Beats Pill in light gray and dark gray.\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/light\u002Dgray\/kk\u002Dlightgray\u002D06.jpg\x22,\x22altTextThumbnail\x22:\x22Kim Kardashian holding Beats Pill in light gray and dark gray.\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Light Gray 6\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/light\u002Dgray\/kk\u002Dlightgray\u002D07.jpg\x22,\x22altText\x22:\x22Beats Pill with included items\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/speakers\/beats\u002Dpill\/pdp\/product\u002Dcarousel\/light\u002Dgray\/kk\u002Dlightgray\u002D07.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Pill with included items\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22Color\u002DMatched Lanyard \x22,\x22textDesc\x22:\x22with Custom Gray USB\u002DC Cable\x22,\x22overlay\x22:true,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Beats Pill Light Gray 7\x22}],\x22defaultSku\x22:false,\x22secondaryCta\x22:null,\x22buttonDetails\x22:{\x22openLinkInNewTab\x22:\x22false\x22,\x22buttonState\x22:\x22\x22,\x22availabilityStatus\x22:\x22buyable\x22,\x22configuredButtonLabel\x22:\x22ADD TO BAG <i class=\\\x22fa fa\u002Dapple\\\x22><\/i>\x22,\x22analyticsLinkType\x22:\x22buy\x22,\x22analyticsLinkName\x22:\x22Store|Add to bag\x22}}}'; partNumbersList = JSON.parse(partNumbersList); </script> <input type="hidden" id="product-details" data-selected-sku="MW443LL/A" data-selected-productname="Beats Pill — Wireless Bluetooth® Speaker — Matte Black" data-selected-productfamily="Speakers" data-selected-subfamily="Beats Pill" data-selected-color="Matte Black" data-selected-price="$149.99"/> <div data-analytics-module="product_carousel" data-analytics-region="beatspill_product_carousel" class="product-main"> <div class="product-main__visual"> <div class="product-carousel-el" data-id="MW443LL/A" data-aria-label-next="Next" data-aria-label-previous="Previous" data-aria-label-close="Close modal" data-analytics-module="product_carousel" data-analytics-region="beatspill_product_carousel" data-more-thumbnail-text="More" data-aria-label-more="More" data-disclaimer="Press image to open expanded view<i class="fa fa-expand" style="margin-left: 8px; vertical-align: middle;"></i>"></div> </div> <div class="product-main__head"> <span class="product-detail__eyebrow product-detail__eyebrow--minheight" data-dynamic-eyebrow data-id="MW443LL/A"> </span> <h1 class="product-detail__title">Beats Pill</h1> <div class="product-detail__description"> <p>Seriously loud.</p> </div> </div> <div class="product-main__content"> <div class="product-detail"> <div class="product-detail__price" data-dynamic-price data-id="MW443LL/A"> <span class="a11y price__discount">Sale Price</span> <span class="price">$149.99</span> <span class="a11y price__original">Original Price</span> <s class="price"></s> <p class="price-description"></p> </div> <div class="product-selector-el" data-id="MW443LL/A" data-color-legend="Color:"></div> <div class="product-detail__cta"> <div class="buy-button-el" data-id="MW443LL/A" data-color-select-behavior="cart" data-cart-url="https://beats-cart.apple.com/atb" data-locale="en_US" data-selected-cta="ADD TO BAG <i class="fa fa-apple"></i>">ADD TO BAG <i class="fa fa-apple"></i></div> </div> <div class="product-bar-el" data-id="MW443LL/A" data-aria-discount-price="Sale Price" data-aria-original-price="Original Price" data-title="Beats Pill" data-color-select-behavior="cart" data-cart-url="https://beats-cart.apple.com/atb" data-locale="en_US" data-selected-cta="ADD TO BAG <i class="fa fa-apple"></i>"></div> <div class="product-detail__extra" data-value-props data-id="MW443LL/A"> <ul class="value-props"> <li class="value-prop"><span class="value-prop__icon"> <img aria-hidden="true" src="/content/dam/beats/web/common/icons/apple-value-props/free-shipping-icon.png" alt="Icon to indicate Apple shipping"/> </span> <div> <h2 class="value-prop__title"> <span>Free Shipping and Returns</span></h2> <p class="value-prop__description"> Enjoy free 2-day delivery and 14-day returns.</p> </div></li> <li class="value-prop"><span class="value-prop__icon"> <img aria-hidden="true" src="/content/dam/beats/web/common/icons/apple-value-props/in-store-pickup-icon.png"/> </span> <div> <h2 class="value-prop__title"> <span style="text-transform: capitalize;">In-store pickup</span></h2> <p class="value-prop__description"> Pick up your Beats at an Apple Store near you.</p> </div></li> <li class="value-prop"><span class="value-prop__icon"> <img aria-hidden="true" src="/content/dam/beats/web/common/icons/apple-value-props/apple-music-icon.png" alt="Icon to indicate Apple Music"/> </span> <div> <h2 class="value-prop__title"> <span style="text-transform: capitalize;">Free Apple Music trial</span></h2> <p class="value-prop__description"> Get 3 months of access to over 100 million songs, ad-free.<sup data-footnote="apple-music"></sup></p> </div></li> </ul> </div> </div> </div> </div> </div> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-5001b9a6-0557-345e-8ac1-b8d15f0286e4 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-5001b9a6-0557-345e-8ac1-b8d15f0286e4 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-5001b9a6-0557-345e-8ac1-b8d15f0286e4 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-5001b9a6-0557-345e-8ac1-b8d15f0286e4"></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-8ac2517b-e15f-3308-bf1e-17216cdd3332 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-8ac2517b-e15f-3308-bf1e-17216cdd3332:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-8ac2517b-e15f-3308-bf1e-17216cdd3332 .outer-container { width: 91.66666%; max-width: 1200px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-8ac2517b-e15f-3308-bf1e-17216cdd3332:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-8ac2517b-e15f-3308-bf1e-17216cdd3332 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-8ac2517b-e15f-3308-bf1e-17216cdd3332:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-8ac2517b-e15f-3308-bf1e-17216cdd3332 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-8ac2517b-e15f-3308-bf1e-17216cdd3332" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-scroll> <div class="rte-container-98c06d56-37f1-33f3-99ab-8b90c4fa0aba "> <div style="text-align: center; color: #161616; margin: 0 auto; max-width: 800px;"> <h2 class="headline-3">Beats Pill – Portable Bluetooth<sup class="body-small" style="color: inherit; vertical-align: middle;">®</sup> Wireless Water‑Resistant Speaker</h2> </div> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-01f7bfc1-c483-3605-8461-0ba82e7e8f7d { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-01f7bfc1-c483-3605-8461-0ba82e7e8f7d { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-01f7bfc1-c483-3605-8461-0ba82e7e8f7d { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-01f7bfc1-c483-3605-8461-0ba82e7e8f7d"></section> </div> <div class="staticRCTileContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-4 column-gap-lg-0 column-gap-md-0 column-gap-sm-0" data-analytics-scroll data-analytics-module="image_text_tiles" data-analytics-region="product_icons_and_features"> <div class="content-item content-item-1215deb1-62b8-3b92-aa3c-db464e1a7fea content-item--snippet content-item--center sm-6 md-3 lg-3 "> <div class="content-item__inner"> <div class="content-item__visual"> <div class="content-item__visual__icon"> <i class="fa-kit fa-speaker fa-size fa-4x" role="presentation"></i> </div> </div> <div class="content-item__copy"> <div class="show-desktop content-item__description"><h3 class="body-medium">Powerful, Room‑Filling Sound</h3></div> <div class="show-tablet content-item__description"><h3 class="body-medium">Powerful, Room‑Filling Sound</h3></div> <div class="show-mobile content-item__description"><h3 class="body-medium">Powerful, Room‑Filling Sound</h3></div> <a data-analytics-click data-analytics-link-type="siteClick" class="content-item__link TODO--dark" target="_self"> </a> </div> </div> </div> <div class="content-item content-item-1444964f-5447-333c-bde4-a68dda9482f3 content-item--snippet content-item--center sm-6 md-3 lg-3 "> <div class="content-item__inner"> <div class="content-item__visual"> <div class="content-item__visual__icon"> <i class="fa-kit fa-battery fa-size fa-4x" role="presentation"></i> </div> </div> <div class="content-item__copy"> <div class="show-desktop content-item__description"><h2 class="body-medium">Up to 24 Hours of Battery Life⁠<sup data-footnote="pill-battery-life"></sup></h2></div> <div class="show-tablet content-item__description"><h2 class="body-medium">Up to 24 Hours of Battery Life⁠<sup data-footnote="pill-battery-life"></sup></h2></div> <div class="show-mobile content-item__description"><h2 class="body-medium">Up to 24 Hours of Battery Life⁠<sup data-footnote="pill-battery-life"></sup></h2></div> <a data-analytics-click data-analytics-link-type="siteClick" class="content-item__link TODO--dark" target="_self"> </a> </div> </div> </div> <div class="content-item content-item-b6f6cf6d-076b-3ea6-b46b-4cbcfcd16d11 content-item--snippet content-item--center sm-6 md-3 lg-3 "> <div class="content-item__inner"> <div class="content-item__visual"> <div class="content-item__visual__icon"> <i class="fa-kit fa-water-resist fa-size fa-4x" role="presentation"></i> </div> </div> <div class="content-item__copy"> <div class="show-desktop content-item__description"><h3 class="body-medium">IP67 Dust and Water Resistance⁠<sup data-footnote="pill-water-resistance"></sup></h3></div> <div class="show-tablet content-item__description"><h3 class="body-medium">IP67 Dust and Water Resistance⁠<sup data-footnote="pill-water-resistance"></sup></h3></div> <div class="show-mobile content-item__description"><h3 class="body-medium">IP67 Dust and Water Resistance⁠<sup data-footnote="pill-water-resistance"></sup></h3></div> <a data-analytics-click data-analytics-link-type="siteClick" class="content-item__link TODO--dark" target="_self"> </a> </div> </div> </div> <div class="content-item content-item-4daa1e37-d8bc-3958-afd6-6008a48696b3 content-item--snippet content-item--center sm-6 md-3 lg-3 "> <div class="content-item__inner"> <div class="content-item__visual"> <div class="content-item__visual__icon"> <i class="fa-kit fa-apple-android-compatibility-1 fa-size fa-4x" role="presentation"></i> </div> </div> <div class="content-item__copy"> <div class="show-desktop content-item__description"><h3 class="body-medium">Compatible with iOS and Android</h3></div> <div class="show-tablet content-item__description"><h3 class="body-medium">Compatible with iOS and Android</h3></div> <div class="show-mobile content-item__description"><h3 class="body-medium">Compatible with iOS and Android</h3></div> <a data-analytics-click data-analytics-link-type="siteClick" class="content-item__link TODO--dark" target="_self"> </a> </div> </div> </div> </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-4c5330c5-812e-37f4-b7f9-661c1228a1eb { background: #fff; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-4c5330c5-812e-37f4-b7f9-661c1228a1eb:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-4c5330c5-812e-37f4-b7f9-661c1228a1eb .outer-container { width: 91.66666%; max-width: 1306px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-4c5330c5-812e-37f4-b7f9-661c1228a1eb:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-4c5330c5-812e-37f4-b7f9-661c1228a1eb .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-4c5330c5-812e-37f4-b7f9-661c1228a1eb:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-4c5330c5-812e-37f4-b7f9-661c1228a1eb .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-4c5330c5-812e-37f4-b7f9-661c1228a1eb" data-desktop-bg-color="#fff" id="view-all-details"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-0e5beece-a48f-3220-9a8d-454547aec92c { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-0e5beece-a48f-3220-9a8d-454547aec92c { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-0e5beece-a48f-3220-9a8d-454547aec92c { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-0e5beece-a48f-3220-9a8d-454547aec92c"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="view_all_details" data-analytics-scroll> <div class="rte-container-e9936d71-29c2-3747-b8ce-d675d551a31e component-section-spacing beatsRTE"> <div class="font-updated drawerExpand parsys section"> <section class="pdp-component pdp-details-drawer"> <h2 class="pdp-details-header" style="text-align: left; margin: 0px 0px 25px 0;"> <button aria-controls="pdp-details-body-desktop" aria-expanded="false" id="pdp-details-control-desktop" aria-flowto="pdp-detail-desktop-0" type="button" style="border: none; margin: 0; padding: 0; width: auto; overflow: visible; background: transparent; color: inherit; font: inherit; line-height: inherit; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none; border-radius: 0px; text-transform: none;" rel="me noopener noreferrer" data-analytics-click="true" data-analytics-link-type="siteClick" data-analytics-label="shelf" data-aria-label-prefix="Click to read additional product details" alt="Click to read additional product details"> <div style="margin: 0; padding: 0;"> <h3 class="title-1">View Tech Specs<i class="fa-solid fa-circle-chevron-down pdp-btn-chevron-svg" style="margin: 5px 10px 0 10px; position: relative; vertical-align: middle; width: inherit;" aria-label="press to expand details drawer"></i></h3> </div></button></h2> <div class="pdp-details-body pdp-details-collapsed body-medium" aria-hidden="true" style="overflow: auto; display: flex; flex-wrap: wrap; align-content: flex-start;" id="pdp-details-body-desktop"> <div style="display: grid; grid-template-rows: auto; row-gap: 32px;"> <div style="order: 0; display: flex; flex-wrap: wrap; align-content: flex-start;"> <div style="flex: max(150px, (10% - 20px)/3);"> <h3 style="margin: 0 0 16px; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Sound</h3> </div> <div style="flex: clamp(43.75rem, 48.077vw + 12.981rem, 56.25rem);"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Bigger, bespoke racetrack woofer for deeper, fuller bass<sup data-footnote="pill-as-compared"></sup></li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Updated tweeter delivers crisp highs and rich mid-range tones</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Powerful, room-filling sound across the audio spectrum<sup data-footnote="pill-as-compared"></sup></li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">High-resolution lossless audio via USB‑C cable<sup data-footnote="lossless-audio"></sup></li> </ul> </div> </div> <div style="order: 1; display: flex; flex-wrap: wrap;"> <div style="flex: max(150px, (10% - 20px)/3);"> <h3 style="margin: 0 0 16px; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Design</h3> </div> <div style="flex: clamp(43.75rem, 48.077vw + 12.981rem, 56.25rem);"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Form Factor: portable speaker</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">20-degree upward tilt to help optimize sound delivery to your ears</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Removable lanyard and soft-grip silicone backing for portability</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Specs: <ul style="margin-left: 1em;"> <li>Length: 8.6 in. / 21.9 cm</li> <li>Width: 2.8 in. / 7.1 cm</li> <li>Height: 2.8 in. / 7.0 cm</li> <li>Weight: 24 oz. / 680 g</li> </ul></li> </ul> </div> </div> <div style="order: 2; display: flex; flex-wrap: wrap;"> <div style="flex: max(150px, (10% - 20px)/3);"> <h3 style="margin: 0 0 16px; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Connectivity</h3> </div> <div style="flex: clamp(43.75rem, 48.077vw + 12.981rem, 56.25rem);"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Dual compatibility with both iOS and Android devices for seamless one-touch pairing, Find My or Find My Device, and more<sup data-footnote="dual-compatibility"></sup></li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Industry-leading Class 1 Bluetooth<sup>®</sup></li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">USB‑C audio</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Extra play modes: <ul style="margin-left: 1em;"> <li>Amplify Mode: sync two Beats Pill speakers for double the audio experience</li> <li>Stereo Mode: split audio between two Beats Pill speakers for dedicated left/right output for a surround sound feel</li> </ul></li> </ul> </div> </div> <div style="order: 3; display: flex; flex-wrap: wrap;"> <div style="flex: max(150px, (10% - 20px)/3);"> <h3 style="margin: 0 0 16px; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Power</h3> </div> <div style="flex: clamp(43.75rem, 48.077vw + 12.981rem, 56.25rem);"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Beats Pill (single charge): up to 24 hours of battery life<sup data-footnote="pill-battery-life"></sup> <ul> <li style="margin: 0 0 10px 6%; list-style-position: outside;">With Fast Fuel, a quick 10‑minute charge gives up to 2 hours of playback<sup data-footnote="pill-fast-fuel"></sup></li> </ul></li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">USB‑C universal charging</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Charge your phone directly from the Beats Pill via USB‑C cable</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Rechargeable lithium‑ion battery</li> </ul> </div> </div> <div style="order: 4; display: flex; flex-wrap: wrap;"> <div style="flex: max(150px, (10% - 20px)/3);"> <h3 style="margin: 0 0 16px; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Controls</h3> </div> <div style="flex: clamp(43.75rem, 48.077vw + 12.981rem, 56.25rem);"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Center button for music and call controls</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Volume up/down buttons</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">System button for power, pairing, and voice assistant</li> </ul> </div> </div> <div style="order: 5; display: flex; flex-wrap: wrap;"> <div style="flex: max(150px, (10% - 20px)/3);"> <h3 style="margin: 0 0 16px; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">In the Box</h3> </div> <div style="flex: clamp(43.75rem, 48.077vw + 12.981rem, 56.25rem);"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Beats Pill wireless Bluetooth<sup>®</sup> speaker</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Removable carry lanyard</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">USB‑C to USB‑C cable for charging and audio</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Quick Start Guide</li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Warranty card</li> </ul> <p style="margin: 0 0 10px 6%;">(USB‑C power adapter sold separately)</p> </div> </div> <div style="order: 6; display: flex; flex-wrap: wrap;"> <div style="flex: max(150px, (10% - 20px)/3);"> <h3 style="margin: 0 0 16px; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Packaging</h3> </div> <div style="flex: clamp(43.75rem, 48.077vw + 12.981rem, 56.25rem);"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin: 0 0 10px 6%; list-style-position: outside;">Beats Pill packaging is made from 100% fiber, sourced from sustainably managed forests<sup data-footnote="packaging"></sup></li> </ul> </div> </div> </div> </div> </section> </div> <div style="height: 10px; border-top: 1px solid #dddddd;">   </div> </div> </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-82015884-f009-3751-8e67-82adbb357638 { background: linear-gradient(to bottom, transparent 50%, #EFEDE9 0%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-82015884-f009-3751-8e67-82adbb357638:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 50%, #EFEDE9 0%); } .bbd-full-width-container.id-82015884-f009-3751-8e67-82adbb357638 .outer-container { width: 91.66666%; max-width: 1136px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-82015884-f009-3751-8e67-82adbb357638:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 50%, #EFEDE9 0%); } .bbd-full-width-container.id-82015884-f009-3751-8e67-82adbb357638 .outer-container { width: 91.66666%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-82015884-f009-3751-8e67-82adbb357638:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 50%, #EFEDE9 0%); } .bbd-full-width-container.id-82015884-f009-3751-8e67-82adbb357638 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-82015884-f009-3751-8e67-82adbb357638" data-desktop-bg-color="linear-gradient(to bottom, transparent 50%, #EFEDE9 0%)" id="media-carousel"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-ae8004f9-31a2-3170-bccd-47b6615f0578 { padding-top: 45px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-ae8004f9-31a2-3170-bccd-47b6615f0578 { padding-top: 35px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-ae8004f9-31a2-3170-bccd-47b6615f0578 { padding-top: 45px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-ae8004f9-31a2-3170-bccd-47b6615f0578"></section> </div> <div class="mediaCarousel section"> <style type="text/css"> .media-carousel.media-carousel-e80318ac-0c39-3d4c-8fe0-61a8f4d246dc .media-carousel__transcript-link { color: #161616; } @media screen and (max-width: 767px) { .media-carousel.media-carousel-e80318ac-0c39-3d4c-8fe0-61a8f4d246dc .dots .dot.active { } .media-carousel.media-carousel-e80318ac-0c39-3d4c-8fe0-61a8f4d246dc .dots .dot:not(.active) { } } .media-carousel.media-carousel-e80318ac-0c39-3d4c-8fe0-61a8f4d246dc .media-carousel__control:not(:disabled) i { } @media (hover: hover) and (pointer: fine) { .media-carousel.media-carousel-e80318ac-0c39-3d4c-8fe0-61a8f4d246dc .dot:hover:before { } } @media screen and (min-width: 768px) { .media-carousel.media-carousel-e80318ac-0c39-3d4c-8fe0-61a8f4d246dc ul.dots .dot.active:before { } } .media-carousel.media-carousel-e80318ac-0c39-3d4c-8fe0-61a8f4d246dc .media-carousel__control:disabled i { } @media screen and (min-width: 768px) { .media-carousel.media-carousel-e80318ac-0c39-3d4c-8fe0-61a8f4d246dc .media-carousel__navigation__container { background-color: none; } } </style> <div class="bbd-component media-carousel media-carousel-e80318ac-0c39-3d4c-8fe0-61a8f4d246dc" data-analytics-scroll data-analytics-module="media_carousel" data-analytics-region="beatspill_media_carousel"> <div class="media-carousel__navigation__container"> <nav class="media-carousel__navigation" aria-label="Media Carousel"> <button class="media-carousel__control media-carousel__control--previous" disabled type="button" aria-label="Previous Options" aria-hidden="true"> <i class="fa fa-chevron-left notranslate"></i> </button> <ul class="dots" role="tablist"> <li role="tab" class="dot" data-index="0" tabindex="0" aria-labelledby="e80318ac-0c39-3d4c-8fe0-61a8f4d246dc_0"> <img src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-behind-the-design-thumb.jpg" alt=""/> <i class="dot__play fa fa-play-circle notranslate "></i> <p class="dot__title"> <span class="dot__title__text" id="e80318ac-0c39-3d4c-8fe0-61a8f4d246dc_0"> <span class="dot__title__text__bg"> <span style="letter-spacing: -0.2px;">Behind the Design</span></span> </span> </p> </li> <li role="tab" class="dot" data-index="1" tabindex="-1" aria-labelledby="e80318ac-0c39-3d4c-8fe0-61a8f4d246dc_1"> <img src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-howto-thumb.jpg" alt=""/> <i class="dot__play fa fa-play-circle notranslate "></i> <p class="dot__title"> <span class="dot__title__text" id="e80318ac-0c39-3d4c-8fe0-61a8f4d246dc_1"> <span class="dot__title__text__bg"> How To Use</span> </span> </p> </li> <li role="tab" class="dot" data-index="2" tabindex="-1" aria-labelledby="e80318ac-0c39-3d4c-8fe0-61a8f4d246dc_2"> <img src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-unboxing-thumb.jpg" alt=""/> <i class="dot__play fa fa-play-circle notranslate "></i> <p class="dot__title"> <span class="dot__title__text" id="e80318ac-0c39-3d4c-8fe0-61a8f4d246dc_2"> <span class="dot__title__text__bg"> <span style="letter-spacing: -0.2px;">Unboxing</span></span> </span> </p> </li> </ul> <button class="media-carousel__control media-carousel__control--next" type="button" aria-label="Next Options" aria-hidden="true"> <i class="fa fa-chevron-right notranslate"></i> </button> </nav> </div> <div class="media-carousel__main" aria-label="Media Carousel"> <div class="media-carousel__container"> <div class="media-carousel__items"> <div class="media-carousel__item" role="tabpanel" data-analytics-item="Beats Pill - Behind the Design Video" aria-label="Beats Pill - Behind the Design Video, slide 1 of 3" aria-roledescription="slide"> <button type="button" aria-label="Play video - Beats Pill - Behind the Design Video, slide 1 of 3" class="media-carousel__item__inner ctaPlayBack" tabindex="0" data-video-type="user-playback" data-btn-color="btn-color-light" data-fallback-image-src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-behind-the-design-fallback.jpg" data-image-file-extension=".jpg" data-analytics-video data-analytics-label="Beats Pill - Behind the Design Video" data-last-frame="asset" data-video-src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-behind-the-design.mp4" data-transparent="false"> <picture> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-behind-the-design-fallback.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-behind-the-design-fallback.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-behind-the-design-fallback.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-behind-the-design-fallback.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-behind-the-design-fallback.jpg.large.2x.jpg 2x" aria-hidden="true"/> </picture> <div class="video__play" data-btn-color="btn-color-light"> </div> <p class="media-carousel__item__text"> <span> <span style="letter-spacing: -1.0px;">Behind the Design</span></span> </p> <beats-video-track tabindex="-1" aria-hidden="true" caption-path="/content/dam/beats/web/product/speakers/beats-pill/global/video/vtt/behind-the-design/beatspill-behind-the-design_en.vtt" transcript-path="/content/dam/beats/web/product/speakers/beats-pill/global/video/vtt/behind-the-design/beatspill-behind-the-design_en.txt" auto-enable-caption="false" caption-lang-code="en" caption-label="English" transcript-label="Download transcript"/> </button> </div> <div class="media-carousel__item" role="tabpanel" data-analytics-item="Beats Pill - How To Use" aria-label="Beats Pill - How To Use, slide 2 of 3" aria-roledescription="slide"> <button type="button" aria-label="Play video - Beats Pill - How To Use, slide 2 of 3" class="media-carousel__item__inner ctaPlayBack" tabindex="-1" data-video-type="user-playback" data-btn-color="btn-color-light" data-fallback-image-src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-howto-fallback.jpg" data-image-file-extension=".jpg" data-analytics-video data-analytics-label="Beats Pill - How To Use" data-last-frame="asset" data-video-src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-howto.mp4" data-transparent="false"> <picture> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-howto-fallback.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-howto-fallback.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-howto-fallback.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-howto-fallback.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-howto-fallback.jpg.large.2x.jpg 2x" aria-hidden="true"/> </picture> <div class="video__play" data-btn-color="btn-color-light"> </div> <p class="media-carousel__item__text"> <span> <span style="letter-spacing: -1.0px;">How to Use</span></span> </p> <beats-video-track tabindex="-1" aria-hidden="true" caption-path="/content/dam/beats/web/product/speakers/beats-pill/global/video/vtt/how-to-use/beatspill-howto_en.vtt" transcript-path="/content/dam/beats/web/product/speakers/beats-pill/global/video/vtt/how-to-use/beatspill-howto_en.txt" auto-enable-caption="false" caption-lang-code="en" caption-label="English" transcript-label="Download transcript"/> </button> </div> <div class="media-carousel__item" role="tabpanel" data-analytics-item="Beats Pill - Unboxing Video" aria-label="Beats Pill - Unboxing Video, slide 3 of 3" aria-roledescription="slide"> <button type="button" aria-label="Play video - Beats Pill - Unboxing Video, slide 3 of 3" class="media-carousel__item__inner ctaPlayBack" tabindex="-1" data-video-type="user-playback" data-btn-color="btn-color-light" data-fallback-image-src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-unboxing-fallback.jpg" data-image-file-extension=".jpg" data-analytics-video data-analytics-label="Beats Pill - Unboxing Video" data-last-frame="asset" data-video-src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-unboxing.mp4" data-transparent="false"> <picture> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-unboxing-fallback.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-unboxing-fallback.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-unboxing-fallback.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-unboxing-fallback.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/global/video/beatspill-unboxing-fallback.jpg.large.2x.jpg 2x" aria-hidden="true"/> </picture> <div class="video__play" data-btn-color="btn-color-light"> </div> <p class="media-carousel__item__text"> <span> <span style="letter-spacing: -1.0px;">Unboxing</span></span> </p> <beats-video-track tabindex="-1" aria-hidden="true" caption-path="/content/dam/beats/web/product/speakers/beats-pill/global/video/vtt/unboxing/beatspill-unboxing_en.vtt" transcript-path="/content/dam/beats/web/product/speakers/beats-pill/global/video/vtt/unboxing/beatspill-unboxing_en.txt" auto-enable-caption="false" caption-lang-code="en" caption-label="English" transcript-label="Download transcript"/> </button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </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-98a61431-c617-3465-8578-905acb7363a0 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-98a61431-c617-3465-8578-905acb7363a0:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-98a61431-c617-3465-8578-905acb7363a0 .outer-container { width: 100%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-98a61431-c617-3465-8578-905acb7363a0:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-98a61431-c617-3465-8578-905acb7363a0 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-98a61431-c617-3465-8578-905acb7363a0:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-98a61431-c617-3465-8578-905acb7363a0 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-98a61431-c617-3465-8578-905acb7363a0" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-f4a5aa71-5692-35bc-a9e0-535798b36b42 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-f4a5aa71-5692-35bc-a9e0-535798b36b42 { padding-top: 45px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-f4a5aa71-5692-35bc-a9e0-535798b36b42 { padding-top: 45px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-f4a5aa71-5692-35bc-a9e0-535798b36b42"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <section class="bbd-component transition bbd-img-text-component id-73753730-1df3-3d8f-8a0b-a0010fa614df " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p00.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p00.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p00.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p00.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p00.jpg.large.2x.jpg 2x" alt="Beats Pill closeup" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1:after, .btn-light.btn1-bg-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1{ color: ; } a.btn-light.btn1-outline-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1:after, .btn-light.btn2-bg-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1{ color: ; } a.btn-light.btn2-outline-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-dcbc6902-e4b2-3641-85cb-23a34fe72ee1{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-dcbc6902-e4b2-3641-85cb-23a34fe72ee1{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1:after, .btn-light.btn1-tablet-bg-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1{ color: ; } a.btn-light.btn1-tablet-outline-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1:after, .btn-light.btn2-tablet-bg-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1{ color: ; } a.btn-light.btn2-tablet-outline-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-dcbc6902-e4b2-3641-85cb-23a34fe72ee1{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-dcbc6902-e4b2-3641-85cb-23a34fe72ee1{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1:after, .btn-light.btn1-mobile-bg-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1{ color: ; } a.btn-light.btn1-mobile-outline-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1:after, .btn-light.btn2-mobile-bg-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1{ color: ; } a.btn-light.btn2-mobile-outline-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1:after, a.btn-light.btn2-mobile-outline-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-dcbc6902-e4b2-3641-85cb-23a34fe72ee1:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-dcbc6902-e4b2-3641-85cb-23a34fe72ee1{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-dcbc6902-e4b2-3641-85cb-23a34fe72ee1{ color: ; } } </style> <div></div> </div> </div> </div> </div> </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-7b8cf28b-ac42-3d5f-a4e2-41ed4873b5c6 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-7b8cf28b-ac42-3d5f-a4e2-41ed4873b5c6:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-7b8cf28b-ac42-3d5f-a4e2-41ed4873b5c6 .outer-container { width: 91.66666%; max-width: 922px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-7b8cf28b-ac42-3d5f-a4e2-41ed4873b5c6:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-7b8cf28b-ac42-3d5f-a4e2-41ed4873b5c6 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-7b8cf28b-ac42-3d5f-a4e2-41ed4873b5c6:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-7b8cf28b-ac42-3d5f-a4e2-41ed4873b5c6 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-7b8cf28b-ac42-3d5f-a4e2-41ed4873b5c6" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-d4ea0e52-81dd-399e-aa3e-3fc179e20e18 { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-d4ea0e52-81dd-399e-aa3e-3fc179e20e18 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-d4ea0e52-81dd-399e-aa3e-3fc179e20e18 { padding-top: 80px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-d4ea0e52-81dd-399e-aa3e-3fc179e20e18"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-scroll> <div class="rte-container-52a175b9-719d-392f-8c18-0699e9c91959 beatsRTE-desktoptext "> <div style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 2rem; text-align: center; letter-spacing: -0.2px; font-weight: normal;"> <p class="headline-3" style="font-weight: inherit;">The upgraded Beats Pill is more advanced than ever.⁠<sup data-footnote="pill-as-compared"></sup></p> <ul class="headline-3" style="list-style-type: none; line-height: 1.2; font-weight: inherit; padding-left: 0;"> <li>It’s <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>more powerful.</i></span></li> <li>It’s <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>lighter</i>.</span></li> <li>It’s <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>more portable.</i></span></li> </ul> <p class="headline-3" style="font-weight: inherit;">It has up to <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>24 hours</i></span> of battery life.<sup data-footnote="pill-battery-life"></sup></p> <p class="headline-3" style="font-weight: inherit;">And it’s designed to look and sound incredible — inside your home and out and about.</p> </div> </div> <div class="rte-container-52a175b9-719d-392f-8c18-0699e9c91959 beatsRTE-tablettext "> <div style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 2rem; text-align: center; letter-spacing: -0.2px; font-weight: normal;"> <p class="headline-3" style="font-weight: inherit;">The upgraded Beats Pill is more advanced than ever.⁠<sup data-footnote="pill-as-compared"></sup></p> <ul class="headline-3" style="list-style-type: none; line-height: 1.2; font-weight: inherit; padding-left: 0;"> <li>It’s <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>more powerful.</i></span></li> <li>It’s <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>lighter</i>.</span></li> <li>It’s <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>more portable.</i></span></li> </ul> <p class="headline-3" style="font-weight: inherit;">It has up to <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>24 hours</i></span> of battery life.<sup data-footnote="pill-battery-life"></sup></p> <p class="headline-3" style="font-weight: inherit;">And it’s designed to look and sound incredible — inside your home and out and about.</p> </div> </div> <div class="rte-container-52a175b9-719d-392f-8c18-0699e9c91959 beatsRTE-mobiletext "> <div style="display: grid; grid-template-rows: repeat(4, auto); row-gap: 2rem; text-align: left; letter-spacing: -0.2px; font-weight: normal;"> <p class="headline-3" style="font-weight: inherit;">The upgraded Beats Pill is more advanced than ever.<sup data-footnote="pill-as-compared"></sup></p> <ul class="headline-3" style="list-style-type: none; line-height: 1.2; font-weight: inherit; padding-left: 0;"> <li>It’s <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>more powerful.</i></span></li> <li>It’s <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>lighter</i>.</span></li> <li>It’s <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>more portable.</i></span></li> </ul> <p class="headline-3" style="font-weight: inherit;">It has up to <span style="font-family: classica-pro, 'Times New Roman', Times, serif;"><i>24 hours</i></span> of battery life.<sup data-footnote="pill-battery-life"></sup></p> <p class="headline-3" style="font-weight: inherit;">And it’s designed to look and sound incredible — inside your home and out and about.</p> </div> </div> </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-533e4f50-382b-3b70-a2b7-4cffec85bf34 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-533e4f50-382b-3b70-a2b7-4cffec85bf34:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-533e4f50-382b-3b70-a2b7-4cffec85bf34 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-533e4f50-382b-3b70-a2b7-4cffec85bf34:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-533e4f50-382b-3b70-a2b7-4cffec85bf34 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-533e4f50-382b-3b70-a2b7-4cffec85bf34:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-533e4f50-382b-3b70-a2b7-4cffec85bf34 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-533e4f50-382b-3b70-a2b7-4cffec85bf34" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-014393db-7a9d-3ec8-9054-4f0cef70b4fc { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-014393db-7a9d-3ec8-9054-4f0cef70b4fc { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-014393db-7a9d-3ec8-9054-4f0cef70b4fc { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-014393db-7a9d-3ec8-9054-4f0cef70b4fc"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <section class="bbd-component transition bbd-img-text-component id-1b788a09-76c5-3562-a819-819a43cb7b38 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p01.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p01.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p01.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p01.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p01.jpg.large.2x.jpg 2x" alt="Beats Pill shown on table" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column content-md-full content-sm-full hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215:after, .btn-light.btn1-bg-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215{ color: ; } a.btn-light.btn1-outline-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215:after, .btn-light.btn2-bg-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215{ color: ; } a.btn-light.btn2-outline-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215:after, .btn-light.btn1-tablet-bg-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215{ color: ; } a.btn-light.btn1-tablet-outline-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215:after, .btn-light.btn2-tablet-bg-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215{ color: ; } a.btn-light.btn2-tablet-outline-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215:after, .btn-light.btn1-mobile-bg-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215{ color: ; } a.btn-light.btn1-mobile-outline-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215:after, .btn-light.btn2-mobile-bg-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215{ color: ; } a.btn-light.btn2-mobile-outline-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215:after, a.btn-light.btn2-mobile-outline-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-18ac7ee4-1ca3-3258-b83f-b4d3e2a66215{ color: ; } } </style> <div></div> </div> </div> </div> </div> </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-d219557d-b89c-3c44-ae76-f561589bd926 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-d219557d-b89c-3c44-ae76-f561589bd926:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-d219557d-b89c-3c44-ae76-f561589bd926 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-d219557d-b89c-3c44-ae76-f561589bd926:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-d219557d-b89c-3c44-ae76-f561589bd926 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-d219557d-b89c-3c44-ae76-f561589bd926:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-d219557d-b89c-3c44-ae76-f561589bd926 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-d219557d-b89c-3c44-ae76-f561589bd926" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-44ace3bb-01c3-3780-a1fa-acf8e6d319bd { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-44ace3bb-01c3-3780-a1fa-acf8e6d319bd { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-44ace3bb-01c3-3780-a1fa-acf8e6d319bd { padding-top: 48px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-44ace3bb-01c3-3780-a1fa-acf8e6d319bd"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="powerful_sound" data-analytics-scroll> <div class="rte-container-39c3cd1f-49d4-39cf-bd51-bd6786bac6bb "> <div style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 1rem; font-weight: normal; text-align: center;"> <h2 class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal;"><i>Powerful Sound</i></h2> <h2 class="headline-1" style="font-size: clamp(4.6875rem, 4.04rem + 3.2889vw, 7rem); line-height: 0.8; margin-bottom: 16px;"><span style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200;">A lot more</span> <span style="font-weight: 900;">oomph.</span></h2> <p class="body-large" style="max-width: 824px; margin: 0 auto;">The upgraded Pill has a bigger, bespoke racetrack woofer that packs more of a punch with <span style="font-weight: 700;">deeper, fuller bass.</span><sup data-footnote="pill-as-compared"></sup></p> <p class="body-large" style="max-width: 824px; margin: 0 auto;">The woofer’s material and structure — including its innovative ridges and contours — help minimize low-end distortion, even at high volumes.<sup data-footnote="pill-as-compared"></sup></p> </div> </div> </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-0b249830-b237-36e0-8d7c-c849ebd20406 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-0b249830-b237-36e0-8d7c-c849ebd20406:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-0b249830-b237-36e0-8d7c-c849ebd20406 .outer-container { width: 91.66666%; max-width: 1100px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-0b249830-b237-36e0-8d7c-c849ebd20406:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-0b249830-b237-36e0-8d7c-c849ebd20406 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-0b249830-b237-36e0-8d7c-c849ebd20406:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-0b249830-b237-36e0-8d7c-c849ebd20406 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-0b249830-b237-36e0-8d7c-c849ebd20406" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-f8cf8bef-7b44-3fe1-93be-690de86d0cd1 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-f8cf8bef-7b44-3fe1-93be-690de86d0cd1 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-f8cf8bef-7b44-3fe1-93be-690de86d0cd1 { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-f8cf8bef-7b44-3fe1-93be-690de86d0cd1"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <section class="bbd-component transition bbd-img-text-component id-928a5c2a-2e97-32ff-a571-80bfc6e62f4f " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p02.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p02.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p02.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p02.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p02.jpg.large.2x.jpg 2x" alt="Beats Pill speaker" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column content-md-full content-sm-full hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-4c4ee386-92c6-3f1f-af86-c1f527073799 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-4c4ee386-92c6-3f1f-af86-c1f527073799, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-4c4ee386-92c6-3f1f-af86-c1f527073799 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-4c4ee386-92c6-3f1f-af86-c1f527073799 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-4c4ee386-92c6-3f1f-af86-c1f527073799, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-4c4ee386-92c6-3f1f-af86-c1f527073799 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-4c4ee386-92c6-3f1f-af86-c1f527073799:after, .btn-light.btn1-bg-color-4c4ee386-92c6-3f1f-af86-c1f527073799:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-4c4ee386-92c6-3f1f-af86-c1f527073799{ color: ; } a.btn-light.btn1-outline-color-4c4ee386-92c6-3f1f-af86-c1f527073799:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-4c4ee386-92c6-3f1f-af86-c1f527073799:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-4c4ee386-92c6-3f1f-af86-c1f527073799:after, .btn-light.btn2-bg-color-4c4ee386-92c6-3f1f-af86-c1f527073799:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-4c4ee386-92c6-3f1f-af86-c1f527073799{ color: ; } a.btn-light.btn2-outline-color-4c4ee386-92c6-3f1f-af86-c1f527073799:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-4c4ee386-92c6-3f1f-af86-c1f527073799:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-4c4ee386-92c6-3f1f-af86-c1f527073799{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-4c4ee386-92c6-3f1f-af86-c1f527073799{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-4c4ee386-92c6-3f1f-af86-c1f527073799:after, .btn-light.btn1-tablet-bg-color-4c4ee386-92c6-3f1f-af86-c1f527073799:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-4c4ee386-92c6-3f1f-af86-c1f527073799{ color: ; } a.btn-light.btn1-tablet-outline-color-4c4ee386-92c6-3f1f-af86-c1f527073799:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-4c4ee386-92c6-3f1f-af86-c1f527073799:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-4c4ee386-92c6-3f1f-af86-c1f527073799:after, .btn-light.btn2-tablet-bg-color-4c4ee386-92c6-3f1f-af86-c1f527073799:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-4c4ee386-92c6-3f1f-af86-c1f527073799{ color: ; } a.btn-light.btn2-tablet-outline-color-4c4ee386-92c6-3f1f-af86-c1f527073799:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-4c4ee386-92c6-3f1f-af86-c1f527073799:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-4c4ee386-92c6-3f1f-af86-c1f527073799{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-4c4ee386-92c6-3f1f-af86-c1f527073799{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-4c4ee386-92c6-3f1f-af86-c1f527073799:after, .btn-light.btn1-mobile-bg-color-4c4ee386-92c6-3f1f-af86-c1f527073799:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-4c4ee386-92c6-3f1f-af86-c1f527073799{ color: ; } a.btn-light.btn1-mobile-outline-color-4c4ee386-92c6-3f1f-af86-c1f527073799:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-4c4ee386-92c6-3f1f-af86-c1f527073799:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-4c4ee386-92c6-3f1f-af86-c1f527073799:after, .btn-light.btn2-mobile-bg-color-4c4ee386-92c6-3f1f-af86-c1f527073799:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-4c4ee386-92c6-3f1f-af86-c1f527073799{ color: ; } a.btn-light.btn2-mobile-outline-color-4c4ee386-92c6-3f1f-af86-c1f527073799:after, a.btn-light.btn2-mobile-outline-color-4c4ee386-92c6-3f1f-af86-c1f527073799:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-4c4ee386-92c6-3f1f-af86-c1f527073799:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-4c4ee386-92c6-3f1f-af86-c1f527073799{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-4c4ee386-92c6-3f1f-af86-c1f527073799{ color: ; } } </style> <div></div> </div> </div> </div> </div> </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-fdc4daee-5216-391f-9906-4b2dbbe3a71c { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-fdc4daee-5216-391f-9906-4b2dbbe3a71c:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-fdc4daee-5216-391f-9906-4b2dbbe3a71c .outer-container { width: 100%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-fdc4daee-5216-391f-9906-4b2dbbe3a71c:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-fdc4daee-5216-391f-9906-4b2dbbe3a71c .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-fdc4daee-5216-391f-9906-4b2dbbe3a71c:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-fdc4daee-5216-391f-9906-4b2dbbe3a71c .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-fdc4daee-5216-391f-9906-4b2dbbe3a71c" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-059ac17f-39f9-3b63-ac4f-8a80cbf05900 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-059ac17f-39f9-3b63-ac4f-8a80cbf05900 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-059ac17f-39f9-3b63-ac4f-8a80cbf05900 { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-059ac17f-39f9-3b63-ac4f-8a80cbf05900"></section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-3fd9904c-0667-32f5-bfd5-e7a704cc8300 { background: #101010; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-3fd9904c-0667-32f5-bfd5-e7a704cc8300:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-3fd9904c-0667-32f5-bfd5-e7a704cc8300 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-3fd9904c-0667-32f5-bfd5-e7a704cc8300:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-3fd9904c-0667-32f5-bfd5-e7a704cc8300 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-3fd9904c-0667-32f5-bfd5-e7a704cc8300:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-3fd9904c-0667-32f5-bfd5-e7a704cc8300 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-3fd9904c-0667-32f5-bfd5-e7a704cc8300" data-desktop-bg-color="#101010"> <div class="outer-container"> <div class="content-container"> <div><div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-58909d55-ec51-3afa-879a-8a8506c6598c .content-wrapper .transition-content-wrapper .hero-copy { max-width: 100%; } } </style> <section class="bbd-component transition bbd-img-text-component id-58909d55-ec51-3afa-879a-8a8506c6598c " data-analytics-scroll data-full-module data-analytics-module="media_and_text" data-analytics-region="90_percent_more_air" data-bbd-anim-target="true"> <div class="content-wrapper mobile-full-height-config tablet-full-height-config "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-video "> <div class="video-wrapper"> <div class="beats-video-block desktop-light tablet-light mobile-light "> <div class="video-block"> <picture class="beats-picture"> <source media="(min-width: 1024px)" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p04.png.large.2x.png 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p04.png.medium.2x.png 2x"/> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p04.png.small.2x.png 2x"/> <img class="bbd-media-image" src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p04.png.large.2x.png" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p04.png.large.2x.png 2x" aria-hidden="true" data-resp-exclude/> </picture> <beats-video data-video-type="looping" data-btn-color="btn-color-light" data-mobile-video="true" data-transparent="true" data-analytics-link-type="siteClick"> <source data-desktop-mp4-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p04.mp4.rendition.mp4" type='video/mp4; codecs="hvc1"'/> <source data-desktop-webm-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p04.mp4.rendition.webm" type="video/webm"/> <source data-mobile-mp4-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p04-mobile.mp4.rendition.mp4" type='video/mp4; codecs="hvc1"'/> <source data-mobile-webm-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p04-mobile.mp4.rendition.webm" type="video/webm"/> </beats-video> </div> </div> <style type="text/css"> </style> </div> </div> </div> <div class="transition-content-wrapper overlay-text-block beats-full-video-variant "> <div class="content-column top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"><div style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 1rem; text-align: center;"> <p class="body-large" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200; margin: 0;">The racetrack woofer pushes</p> <div style="margin-top: -6%;"> <p style="font-size: clamp(10rem, 8.215rem + 9.0667vw, 16.375rem); line-height: 1; font-weight: 400; letter-spacing: -0.5rem; margin: 0; padding: 0 12px; background: -webkit-linear-gradient(90deg, #FF9C54 0%, #E96F17 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">90%</p> <p style="font-family: classica-pro, 'Times New Roman', Times, serif; font-size: clamp(4.063rem, 3.3806rem + 3.466vw, 6.5rem); line-height: 1; font-weight: 200; margin: -12% 0 0; padding: 0; background: -webkit-linear-gradient(114deg, #FF9C54 0%, #E96F17 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">more air</p> </div> <p class="body-large" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200; margin: 0;">for bigger sound.<sup data-footnote="pill-as-compared"></sup></p> </div></div> <div class="show-tablet"><div style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 1rem; text-align: center;"> <p class="body-large" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200; margin: 0;">The racetrack woofer pushes</p> <div style="margin-top: -6%;"> <p style="font-size: clamp(10rem, 8.215rem + 9.0667vw, 16.375rem); line-height: 1; font-weight: 400; letter-spacing: -0.5rem; margin: 0; padding: 0 12px; background: -webkit-linear-gradient(90deg, #FF9C54 0%, #E96F17 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">90%</p> <p style="font-family: classica-pro, 'Times New Roman', Times, serif; font-size: clamp(4.063rem, 3.3806rem + 3.466vw, 6.5rem); line-height: 1; font-weight: 200; margin: -12% 0 0; padding: 0; background: -webkit-linear-gradient(114deg, #FF9C54 0%, #E96F17 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">more air</p> </div> <p class="body-large" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200; margin: 0;">for bigger sound.<sup data-footnote="pill-as-compared"></sup></p> </div></div> <div class="show-mobile"><div style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 1rem; text-align: center;"> <p class="body-large" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200; margin: 0;">The racetrack woofer pushes</p> <div style="margin-top: -6%;"> <p style="font-size: clamp(10rem, 8.215rem + 9.0667vw, 16.375rem); line-height: 1; font-weight: 400; letter-spacing: -0.5rem; margin: 0; padding: 0 12px; background: -webkit-linear-gradient(90deg, #FF9C54 0%, #E96F17 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">90%</p> <p style="font-family: classica-pro, 'Times New Roman', Times, serif; font-size: clamp(4.063rem, 3.3806rem + 3.466vw, 6.5rem); line-height: 1; font-weight: 200; margin: -12% 0 0; padding: 0; background: -webkit-linear-gradient(114deg, #FF9C54 0%, #E96F17 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">more air</p> </div> <p class="body-large" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200; margin: 0;">for bigger sound.<sup data-footnote="pill-as-compared"></sup></p> </div></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-79a79a08-7d32-3bf7-8847-a5cc4701e683 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-79a79a08-7d32-3bf7-8847-a5cc4701e683, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-79a79a08-7d32-3bf7-8847-a5cc4701e683 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-79a79a08-7d32-3bf7-8847-a5cc4701e683 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-79a79a08-7d32-3bf7-8847-a5cc4701e683, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-79a79a08-7d32-3bf7-8847-a5cc4701e683 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-79a79a08-7d32-3bf7-8847-a5cc4701e683:after, .btn-light.btn1-bg-color-79a79a08-7d32-3bf7-8847-a5cc4701e683:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-79a79a08-7d32-3bf7-8847-a5cc4701e683{ color: ; } a.btn-light.btn1-outline-color-79a79a08-7d32-3bf7-8847-a5cc4701e683:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-79a79a08-7d32-3bf7-8847-a5cc4701e683:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-79a79a08-7d32-3bf7-8847-a5cc4701e683:after, .btn-light.btn2-bg-color-79a79a08-7d32-3bf7-8847-a5cc4701e683:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-79a79a08-7d32-3bf7-8847-a5cc4701e683{ color: ; } a.btn-light.btn2-outline-color-79a79a08-7d32-3bf7-8847-a5cc4701e683:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-79a79a08-7d32-3bf7-8847-a5cc4701e683:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-79a79a08-7d32-3bf7-8847-a5cc4701e683{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-79a79a08-7d32-3bf7-8847-a5cc4701e683{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-79a79a08-7d32-3bf7-8847-a5cc4701e683:after, .btn-light.btn1-tablet-bg-color-79a79a08-7d32-3bf7-8847-a5cc4701e683:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-79a79a08-7d32-3bf7-8847-a5cc4701e683{ color: ; } a.btn-light.btn1-tablet-outline-color-79a79a08-7d32-3bf7-8847-a5cc4701e683:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-79a79a08-7d32-3bf7-8847-a5cc4701e683:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-79a79a08-7d32-3bf7-8847-a5cc4701e683:after, .btn-light.btn2-tablet-bg-color-79a79a08-7d32-3bf7-8847-a5cc4701e683:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-79a79a08-7d32-3bf7-8847-a5cc4701e683{ color: ; } a.btn-light.btn2-tablet-outline-color-79a79a08-7d32-3bf7-8847-a5cc4701e683:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-79a79a08-7d32-3bf7-8847-a5cc4701e683:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-79a79a08-7d32-3bf7-8847-a5cc4701e683{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-79a79a08-7d32-3bf7-8847-a5cc4701e683{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-79a79a08-7d32-3bf7-8847-a5cc4701e683:after, .btn-light.btn1-mobile-bg-color-79a79a08-7d32-3bf7-8847-a5cc4701e683:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-79a79a08-7d32-3bf7-8847-a5cc4701e683{ color: ; } a.btn-light.btn1-mobile-outline-color-79a79a08-7d32-3bf7-8847-a5cc4701e683:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-79a79a08-7d32-3bf7-8847-a5cc4701e683:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-79a79a08-7d32-3bf7-8847-a5cc4701e683:after, .btn-light.btn2-mobile-bg-color-79a79a08-7d32-3bf7-8847-a5cc4701e683:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-79a79a08-7d32-3bf7-8847-a5cc4701e683{ color: ; } a.btn-light.btn2-mobile-outline-color-79a79a08-7d32-3bf7-8847-a5cc4701e683:after, a.btn-light.btn2-mobile-outline-color-79a79a08-7d32-3bf7-8847-a5cc4701e683:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-79a79a08-7d32-3bf7-8847-a5cc4701e683:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-79a79a08-7d32-3bf7-8847-a5cc4701e683{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-79a79a08-7d32-3bf7-8847-a5cc4701e683{ color: ; } } </style> <div></div> </div> </div> </div> </div> </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-71e213ef-7293-3e8f-b4c3-59c68737e3ff { background: #101010; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-71e213ef-7293-3e8f-b4c3-59c68737e3ff:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-71e213ef-7293-3e8f-b4c3-59c68737e3ff .outer-container { width: 91.66666%; max-width: 925px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-71e213ef-7293-3e8f-b4c3-59c68737e3ff:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-71e213ef-7293-3e8f-b4c3-59c68737e3ff .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-71e213ef-7293-3e8f-b4c3-59c68737e3ff:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-71e213ef-7293-3e8f-b4c3-59c68737e3ff .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-71e213ef-7293-3e8f-b4c3-59c68737e3ff" data-desktop-bg-color="#101010"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-4c92f1b7-2b89-3cfd-91e1-b847e2fd7fdc { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-4c92f1b7-2b89-3cfd-91e1-b847e2fd7fdc { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-4c92f1b7-2b89-3cfd-91e1-b847e2fd7fdc { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-4c92f1b7-2b89-3cfd-91e1-b847e2fd7fdc"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="upgraded_neodymium" data-analytics-scroll> <div class="rte-container-a024934f-16a4-3893-a4b3-6b8176355874 "> <div class="headline-3" style="text-align: center; font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal; color: #fff;"> <p style="margin: 0;">Upgraded neodymium magnets help drive all that increased air movement, with <span style="color: #FF720B; font-weight: 700;">28% greater motor force.</span><sup data-footnote="pill-as-compared"></sup></p> </div> </div> </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-47e03198-9e1d-3568-8acf-cbf2658c9183 { background: #101010; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-47e03198-9e1d-3568-8acf-cbf2658c9183:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-47e03198-9e1d-3568-8acf-cbf2658c9183 .outer-container { width: 91.66666%; max-width: 1000px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-47e03198-9e1d-3568-8acf-cbf2658c9183:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-47e03198-9e1d-3568-8acf-cbf2658c9183 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-47e03198-9e1d-3568-8acf-cbf2658c9183:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-47e03198-9e1d-3568-8acf-cbf2658c9183 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-47e03198-9e1d-3568-8acf-cbf2658c9183" data-desktop-bg-color="#101010"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-d619bdd9-784f-34c9-972d-88060a7d7273 { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-d619bdd9-784f-34c9-972d-88060a7d7273 { padding-top: 80px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-d619bdd9-784f-34c9-972d-88060a7d7273 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-d619bdd9-784f-34c9-972d-88060a7d7273"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-4 column-gap-lg-8 column-gap-md-0 column-gap-sm-0 " data-analytics-scroll data-analytics-module="media_and_text" data-analytics-region="updated_tweeter"> <div id="columnContainer_446fd61e-53a3-32a5-b07d-a2b95bf35cb6_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_c8e4d6bc-cd10-37e7-a711-9515f4c2930c" class="column-item v-align-lg-middle v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="imageAndText"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <section class="bbd-component transition bbd-img-text-component id-945d257d-c891-31a1-ae95-f6f5acf3b2af " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p06.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p06.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p06.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p06.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p06.jpg.large.2x.jpg 2x" alt="Beats Pill tweeter" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-b583cf05-b885-38a2-9dc4-ada772ebcb91 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-b583cf05-b885-38a2-9dc4-ada772ebcb91, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-b583cf05-b885-38a2-9dc4-ada772ebcb91 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-b583cf05-b885-38a2-9dc4-ada772ebcb91 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-b583cf05-b885-38a2-9dc4-ada772ebcb91, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-b583cf05-b885-38a2-9dc4-ada772ebcb91 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-b583cf05-b885-38a2-9dc4-ada772ebcb91:after, .btn-light.btn1-bg-color-b583cf05-b885-38a2-9dc4-ada772ebcb91:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-b583cf05-b885-38a2-9dc4-ada772ebcb91{ color: ; } a.btn-light.btn1-outline-color-b583cf05-b885-38a2-9dc4-ada772ebcb91:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-b583cf05-b885-38a2-9dc4-ada772ebcb91:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-b583cf05-b885-38a2-9dc4-ada772ebcb91:after, .btn-light.btn2-bg-color-b583cf05-b885-38a2-9dc4-ada772ebcb91:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-b583cf05-b885-38a2-9dc4-ada772ebcb91{ color: ; } a.btn-light.btn2-outline-color-b583cf05-b885-38a2-9dc4-ada772ebcb91:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-b583cf05-b885-38a2-9dc4-ada772ebcb91:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-b583cf05-b885-38a2-9dc4-ada772ebcb91{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-b583cf05-b885-38a2-9dc4-ada772ebcb91{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-b583cf05-b885-38a2-9dc4-ada772ebcb91:after, .btn-light.btn1-tablet-bg-color-b583cf05-b885-38a2-9dc4-ada772ebcb91:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-b583cf05-b885-38a2-9dc4-ada772ebcb91{ color: ; } a.btn-light.btn1-tablet-outline-color-b583cf05-b885-38a2-9dc4-ada772ebcb91:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-b583cf05-b885-38a2-9dc4-ada772ebcb91:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-b583cf05-b885-38a2-9dc4-ada772ebcb91:after, .btn-light.btn2-tablet-bg-color-b583cf05-b885-38a2-9dc4-ada772ebcb91:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-b583cf05-b885-38a2-9dc4-ada772ebcb91{ color: ; } a.btn-light.btn2-tablet-outline-color-b583cf05-b885-38a2-9dc4-ada772ebcb91:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-b583cf05-b885-38a2-9dc4-ada772ebcb91:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-b583cf05-b885-38a2-9dc4-ada772ebcb91{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-b583cf05-b885-38a2-9dc4-ada772ebcb91{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-b583cf05-b885-38a2-9dc4-ada772ebcb91:after, .btn-light.btn1-mobile-bg-color-b583cf05-b885-38a2-9dc4-ada772ebcb91:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-b583cf05-b885-38a2-9dc4-ada772ebcb91{ color: ; } a.btn-light.btn1-mobile-outline-color-b583cf05-b885-38a2-9dc4-ada772ebcb91:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-b583cf05-b885-38a2-9dc4-ada772ebcb91:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-b583cf05-b885-38a2-9dc4-ada772ebcb91:after, .btn-light.btn2-mobile-bg-color-b583cf05-b885-38a2-9dc4-ada772ebcb91:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-b583cf05-b885-38a2-9dc4-ada772ebcb91{ color: ; } a.btn-light.btn2-mobile-outline-color-b583cf05-b885-38a2-9dc4-ada772ebcb91:after, a.btn-light.btn2-mobile-outline-color-b583cf05-b885-38a2-9dc4-ada772ebcb91:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-b583cf05-b885-38a2-9dc4-ada772ebcb91:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-b583cf05-b885-38a2-9dc4-ada772ebcb91{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-b583cf05-b885-38a2-9dc4-ada772ebcb91{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> <div id="columnContainer_446fd61e-53a3-32a5-b07d-a2b95bf35cb6_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_4cc03fd4-cb75-3c7f-ac38-2a4b0597355d" class="column-item v-align-lg-middle v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div class="rte-container-e596ddd3-a7d4-3ca0-ac0b-92ef67be6eac beatsRTE-desktoptext "> <div style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 2rem; color: #fff;"> <h2 class="headline-3" style="font-weight: 700; margin: 0;">The updated tweeter is another high note.</h2> <p class="body-large" style="margin: 0;">Secured in its own housing for extra stability to help reduce distortion, the redesigned tweeter delivers crisp highs and rich mid-range tones.</p> <p class="body-large" style="margin: 0;">This allows the woofer to focus on its real job — deep bass and lower mid-range sound.</p> </div> </div> <div class="rte-container-e596ddd3-a7d4-3ca0-ac0b-92ef67be6eac beatsRTE-tablettext "> <div style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 2rem; color: #fff;"> <h2 class="headline-3" style="font-weight: 700; margin: 0;">The updated tweeter is another high note.</h2> <p class="body-large" style="margin: 0;">Secured in its own housing for extra stability to help reduce distortion, the redesigned tweeter delivers crisp highs and rich mid-range tones.</p> <p class="body-large" style="margin: 0;">This allows the woofer to focus on its real job — deep bass and lower mid-range sound.</p> </div> </div> <div class="rte-container-e596ddd3-a7d4-3ca0-ac0b-92ef67be6eac beatsRTE-mobiletext "> <div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem; color: #fff; text-align: center;"> <h2 class="headline-3" style="font-weight: 700; margin: 0;">The updated tweeter is another high note.</h2> <p class="body-large" style="margin: 0;">Secured in its own housing for extra stability to help reduce distortion, the redesigned tweeter delivers crisp highs and rich mid-range tones.</p> <p class="body-large" style="margin: 0;">This allows the woofer to focus on its real job — deep bass and lower mid-range sound.</p> </div> </div> </section> </div> </div> </div> </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-cc73e441-840c-394b-abae-953bf00261d3 { background: linear-gradient(to bottom, #101010 59%, transparent 0%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-cc73e441-840c-394b-abae-953bf00261d3:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #101010 59%, transparent 0%); } .bbd-full-width-container.id-cc73e441-840c-394b-abae-953bf00261d3 .outer-container { width: 91.66666%; max-width: 1200px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-cc73e441-840c-394b-abae-953bf00261d3:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #101010 50%, transparent 0%); } .bbd-full-width-container.id-cc73e441-840c-394b-abae-953bf00261d3 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-cc73e441-840c-394b-abae-953bf00261d3:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #101010 50%, transparent 0%); } .bbd-full-width-container.id-cc73e441-840c-394b-abae-953bf00261d3 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-cc73e441-840c-394b-abae-953bf00261d3" data-desktop-bg-color="linear-gradient(to bottom, #101010 59%, transparent 0%)"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-35af86d2-1a6d-3948-988f-48d0a23e7daf { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-35af86d2-1a6d-3948-988f-48d0a23e7daf { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-35af86d2-1a6d-3948-988f-48d0a23e7daf { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-35af86d2-1a6d-3948-988f-48d0a23e7daf"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-cc73e441-840c-394b-abae-953bf00261d3 { max-width: inherit; background: transparent; } .bbd-full-width-container.id-cc73e441-840c-394b-abae-953bf00261d3 .outer-container { width: 100%; max-width: 100%; margin: 0 auto; } .bbd-full-width-container.id-cc73e441-840c-394b-abae-953bf00261d3 .bbd-img-text-component[data-full-module] .content-wrapper .transition-image-wrapper { background: linear-gradient(to bottom, #101010 50%, transparent 0%); } .bbd-full-width-container.id-cc73e441-840c-394b-abae-953bf00261d3 .bbd-img-text-component[data-full-module] .content-wrapper .transition-image-wrapper .transition-image-block { width: 100%;; max-width: 100%;; margin: 0 auto; } .bbd-full-width-container.id-cc73e441-840c-394b-abae-953bf00261d3 .bbd-img-text-component[data-full-module] .content-wrapper .transition-content-wrapper{ width:100%; background: transparent; } .bbd-full-width-container.id-cc73e441-840c-394b-abae-953bf00261d3 .bbd-img-text-component[data-full-module] .content-wrapper .transition-content-wrapper .content-column { width: 100%;; max-width: 100%;; } } </style> <style type="text/css"> @media screen and (max-width: 767px) { .bbd-full-width-container.id-cc73e441-840c-394b-abae-953bf00261d3 { max-width: inherit; background: transparent; } .bbd-full-width-container.id-cc73e441-840c-394b-abae-953bf00261d3 .outer-container { width: 100%; max-width: 100%; margin: 0 auto; } .bbd-full-width-container.id-cc73e441-840c-394b-abae-953bf00261d3 .bbd-img-text-component[data-full-module] .content-wrapper .transition-image-wrapper { background: linear-gradient(to bottom, #101010 50%, transparent 0%); } .bbd-full-width-container.id-cc73e441-840c-394b-abae-953bf00261d3 .bbd-img-text-component[data-full-module] .content-wrapper .transition-image-wrapper .transition-image-block { width: 100%;; max-width: 100%;; margin: 0 auto; } .bbd-full-width-container.id-cc73e441-840c-394b-abae-953bf00261d3 .bbd-img-text-component[data-full-module] .content-wrapper .transition-content-wrapper { width: 100%; background: transparent; } .bbd-full-width-container.id-cc73e441-840c-394b-abae-953bf00261d3 .bbd-img-text-component[data-full-module] .content-wrapper .transition-content-wrapper .content-column { width: 100%;; max-width: 100%;; } } </style> <section class="bbd-component transition bbd-img-text-component id-241d8b39-c4af-33d1-9a36-0b5da6dcfd0c " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper tablet-full-height-config "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p07.png.large.2x.png 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p07.png.medium.2x.png 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p07.png.small.2x.png 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p07.png.large.2x.png" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p07.png.large.2x.png 2x" alt="Beats Pill speaker" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper overlay-text-block "> <div class="content-column hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-f5611eef-2ecd-32e2-9d9c-95355c186f99 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-f5611eef-2ecd-32e2-9d9c-95355c186f99, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-f5611eef-2ecd-32e2-9d9c-95355c186f99 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-f5611eef-2ecd-32e2-9d9c-95355c186f99 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-f5611eef-2ecd-32e2-9d9c-95355c186f99, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-f5611eef-2ecd-32e2-9d9c-95355c186f99 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-f5611eef-2ecd-32e2-9d9c-95355c186f99:after, .btn-light.btn1-bg-color-f5611eef-2ecd-32e2-9d9c-95355c186f99:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-f5611eef-2ecd-32e2-9d9c-95355c186f99{ color: ; } a.btn-light.btn1-outline-color-f5611eef-2ecd-32e2-9d9c-95355c186f99:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-f5611eef-2ecd-32e2-9d9c-95355c186f99:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-f5611eef-2ecd-32e2-9d9c-95355c186f99:after, .btn-light.btn2-bg-color-f5611eef-2ecd-32e2-9d9c-95355c186f99:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-f5611eef-2ecd-32e2-9d9c-95355c186f99{ color: ; } a.btn-light.btn2-outline-color-f5611eef-2ecd-32e2-9d9c-95355c186f99:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-f5611eef-2ecd-32e2-9d9c-95355c186f99:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-f5611eef-2ecd-32e2-9d9c-95355c186f99{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-f5611eef-2ecd-32e2-9d9c-95355c186f99{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-f5611eef-2ecd-32e2-9d9c-95355c186f99:after, .btn-light.btn1-tablet-bg-color-f5611eef-2ecd-32e2-9d9c-95355c186f99:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-f5611eef-2ecd-32e2-9d9c-95355c186f99{ color: ; } a.btn-light.btn1-tablet-outline-color-f5611eef-2ecd-32e2-9d9c-95355c186f99:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-f5611eef-2ecd-32e2-9d9c-95355c186f99:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-f5611eef-2ecd-32e2-9d9c-95355c186f99:after, .btn-light.btn2-tablet-bg-color-f5611eef-2ecd-32e2-9d9c-95355c186f99:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-f5611eef-2ecd-32e2-9d9c-95355c186f99{ color: ; } a.btn-light.btn2-tablet-outline-color-f5611eef-2ecd-32e2-9d9c-95355c186f99:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-f5611eef-2ecd-32e2-9d9c-95355c186f99:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-f5611eef-2ecd-32e2-9d9c-95355c186f99{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-f5611eef-2ecd-32e2-9d9c-95355c186f99{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-f5611eef-2ecd-32e2-9d9c-95355c186f99:after, .btn-light.btn1-mobile-bg-color-f5611eef-2ecd-32e2-9d9c-95355c186f99:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-f5611eef-2ecd-32e2-9d9c-95355c186f99{ color: ; } a.btn-light.btn1-mobile-outline-color-f5611eef-2ecd-32e2-9d9c-95355c186f99:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-f5611eef-2ecd-32e2-9d9c-95355c186f99:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-f5611eef-2ecd-32e2-9d9c-95355c186f99:after, .btn-light.btn2-mobile-bg-color-f5611eef-2ecd-32e2-9d9c-95355c186f99:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-f5611eef-2ecd-32e2-9d9c-95355c186f99{ color: ; } a.btn-light.btn2-mobile-outline-color-f5611eef-2ecd-32e2-9d9c-95355c186f99:after, a.btn-light.btn2-mobile-outline-color-f5611eef-2ecd-32e2-9d9c-95355c186f99:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-f5611eef-2ecd-32e2-9d9c-95355c186f99:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-f5611eef-2ecd-32e2-9d9c-95355c186f99{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-f5611eef-2ecd-32e2-9d9c-95355c186f99{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </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-ecc53678-37f6-3ec5-b256-cd7cecb5d513 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-ecc53678-37f6-3ec5-b256-cd7cecb5d513:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-ecc53678-37f6-3ec5-b256-cd7cecb5d513 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-ecc53678-37f6-3ec5-b256-cd7cecb5d513:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-ecc53678-37f6-3ec5-b256-cd7cecb5d513 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-ecc53678-37f6-3ec5-b256-cd7cecb5d513:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-ecc53678-37f6-3ec5-b256-cd7cecb5d513 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-ecc53678-37f6-3ec5-b256-cd7cecb5d513" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-9026acc0-1390-3328-81a3-c4671d8a82c2 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-9026acc0-1390-3328-81a3-c4671d8a82c2 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-9026acc0-1390-3328-81a3-c4671d8a82c2 { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-9026acc0-1390-3328-81a3-c4671d8a82c2"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="power_precision_boom" data-analytics-scroll> <div class="rte-container-fe9d0432-99c3-3177-b864-5098f889a7ce beatsRTE-desktoptext "> <div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem; text-align: center;"> <div> <h2 class="headline-1" style="font-size: clamp(5rem, 0.0769rem + 7.6923vw, 7rem);">Power. Precision. Boom.</h2> </div> <div style="max-width: 852px; margin: 0 auto;"> <p class="body-large">All these internal upgrades mean more powerful, room-filling sound, bigger bass and better tonality across the audio spectrum.<sup data-footnote="pill-as-compared"></sup></p> </div> </div> </div> <div class="rte-container-fe9d0432-99c3-3177-b864-5098f889a7ce beatsRTE-tablettext "> <div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem; text-align: center;"> <div> <h2 class="headline-1" style="font-size: clamp(5rem, 0.0769rem + 7.6923vw, 7rem);">Power. Precision. Boom.</h2> </div> <div style="max-width: 852px; margin: 0 auto;"> <p class="body-large">All these internal upgrades mean more powerful, room-filling sound, bigger bass and better tonality across the audio spectrum.<sup data-footnote="pill-as-compared"></sup></p> </div> </div> </div> <div class="rte-container-fe9d0432-99c3-3177-b864-5098f889a7ce beatsRTE-mobiletext "> <div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem; text-align: left;"> <div> <h2 class="headline-1" style="font-size: clamp(3.125rem, -2.2443rem + 27.2727vw, 5rem); line-height: 1;">Power. Precision. Boom.</h2> </div> <div> <p class="body-large">All these internal upgrades mean more powerful, room-filling sound, bigger bass and better tonality across the audio spectrum.<sup data-footnote="pill-as-compared"></sup></p> </div> </div> </div> </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-52362cbc-4232-3a4f-abdd-af0ea9b4469e { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-52362cbc-4232-3a4f-abdd-af0ea9b4469e:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-52362cbc-4232-3a4f-abdd-af0ea9b4469e .outer-container { width: 91.66666%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-52362cbc-4232-3a4f-abdd-af0ea9b4469e:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-52362cbc-4232-3a4f-abdd-af0ea9b4469e .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-52362cbc-4232-3a4f-abdd-af0ea9b4469e:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-52362cbc-4232-3a4f-abdd-af0ea9b4469e .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-52362cbc-4232-3a4f-abdd-af0ea9b4469e" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-c5765e99-4478-3087-a161-23e8f5cbb907 { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-c5765e99-4478-3087-a161-23e8f5cbb907 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-c5765e99-4478-3087-a161-23e8f5cbb907 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-c5765e99-4478-3087-a161-23e8f5cbb907"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-cf751188-2b2e-301d-8132-32be1fe7092d .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-cf751188-2b2e-301d-8132-32be1fe7092d " data-analytics-scroll data-full-module data-analytics-module="media_and_text" data-analytics-region="rugged_portability" data-bbd-anim-target="true"> <div class="content-wrapper mobile-full-height-config tablet-full-height-config "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p08.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p08.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p08.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p08.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p08.jpg.large.2x.jpg 2x" alt="Beats Pill shown on table" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper overlay-text-block "> <div class="content-column top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"><div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem; text-align: center;"> <h2 style="margin: 0;"><i><span class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal;">Rugged Portability</span></i></h2> <p style="margin: 0;"><span class="headline-1">Built to withstand water, sand and life.</span></p> </div></div> <div class="show-tablet"><div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem; text-align: center;"> <h2 style="margin: 0;"><i><span class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal;">Rugged Portability</span></i></h2> <p style="margin: 0;"><span class="headline-1">Built to withstand water, sand and life.</span></p> </div></div> <div class="show-mobile"><div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem;"> <h2 style="margin: 0;"><i><span class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal;">Rugged Portability</span></i></h2> <p style="margin: 0;"><span class="headline-1">Built to withstand water, sand and life.</span></p> </div></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c:after, .btn-light.btn1-bg-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c{ color: ; } a.btn-light.btn1-outline-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c:after, .btn-light.btn2-bg-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c{ color: ; } a.btn-light.btn2-outline-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c:after, .btn-light.btn1-tablet-bg-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c{ color: ; } a.btn-light.btn1-tablet-outline-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c:after, .btn-light.btn2-tablet-bg-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c{ color: ; } a.btn-light.btn2-tablet-outline-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c:after, .btn-light.btn1-mobile-bg-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c{ color: ; } a.btn-light.btn1-mobile-outline-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c:after, .btn-light.btn2-mobile-bg-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c{ color: ; } a.btn-light.btn2-mobile-outline-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c:after, a.btn-light.btn2-mobile-outline-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-6b7be59e-f0a7-3604-bf6b-70a8dbab9b1c{ color: ; } } </style> <div></div> </div> </div> </div> </div> </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-1b42480d-bfb8-37e3-8b54-6cf2273085d6 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-1b42480d-bfb8-37e3-8b54-6cf2273085d6:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-1b42480d-bfb8-37e3-8b54-6cf2273085d6 .outer-container { width: 91.66666%; max-width: 908px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-1b42480d-bfb8-37e3-8b54-6cf2273085d6:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-1b42480d-bfb8-37e3-8b54-6cf2273085d6 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-1b42480d-bfb8-37e3-8b54-6cf2273085d6:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-1b42480d-bfb8-37e3-8b54-6cf2273085d6 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-1b42480d-bfb8-37e3-8b54-6cf2273085d6" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-11eeb14f-36a9-35e5-b00f-3a0b1de0adf0 { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-11eeb14f-36a9-35e5-b00f-3a0b1de0adf0 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-11eeb14f-36a9-35e5-b00f-3a0b1de0adf0 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-11eeb14f-36a9-35e5-b00f-3a0b1de0adf0"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="ip67_rated" data-analytics-scroll> <div class="rte-container-191b2f2f-9222-38a8-a4a1-4d8280326efd beatsRTE-desktoptext "> <div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem; text-align: center;"> <h2 class="headline-3" style="font-weight: 700; margin: 0;">IP67-rated to keep dust and water out.</h2> <p class="body-large" style="max-width: 640px; margin: 0 auto;">At the pool, at the beach, in the rain — the Beats Pill is protected by enhanced internal seals to help keep dirt, sand and water out.<sup data-footnote="pill-water-resistance"></sup></p> </div> </div> <div class="rte-container-191b2f2f-9222-38a8-a4a1-4d8280326efd beatsRTE-tablettext "> <div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem; text-align: center;"> <h2 class="headline-3" style="font-weight: 700; margin: 0;">IP67-rated to keep dust and water out.</h2> <p class="body-large" style="max-width: 640px; margin: 0 auto;">At the pool, at the beach, in the rain — the Beats Pill is protected by enhanced internal seals to help keep dirt, sand and water out.<sup data-footnote="pill-water-resistance"></sup></p> </div> </div> <div class="rte-container-191b2f2f-9222-38a8-a4a1-4d8280326efd beatsRTE-mobiletext "> <div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem;"> <h2 class="headline-3" style="font-weight: 700; margin: 0;">IP67-rated to keep dust and water out.</h2> <p class="body-large" style="max-width: 640px; margin: 0 auto;">At the pool, at the beach, in the rain — the Beats Pill is protected by enhanced internal seals to help keep dirt, sand and water out.<sup data-footnote="pill-water-resistance"></sup></p> </div> </div> </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-89f3e017-92d9-3588-b5d5-c8c728dad1af { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-89f3e017-92d9-3588-b5d5-c8c728dad1af:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-89f3e017-92d9-3588-b5d5-c8c728dad1af .outer-container { width: 100%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-89f3e017-92d9-3588-b5d5-c8c728dad1af:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-89f3e017-92d9-3588-b5d5-c8c728dad1af .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-89f3e017-92d9-3588-b5d5-c8c728dad1af:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-89f3e017-92d9-3588-b5d5-c8c728dad1af .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-89f3e017-92d9-3588-b5d5-c8c728dad1af" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-cc82c2f8-c445-340f-95aa-6cb2d460b0f9 { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-cc82c2f8-c445-340f-95aa-6cb2d460b0f9 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-cc82c2f8-c445-340f-95aa-6cb2d460b0f9 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-cc82c2f8-c445-340f-95aa-6cb2d460b0f9"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-187e33bd-d95c-3cc4-9040-7b6254e9b058 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-187e33bd-d95c-3cc4-9040-7b6254e9b058 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper tablet-full-height-config "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p09.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p09.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p09.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p09.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p09.jpg.large.2x.jpg 2x" alt="Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper overlay-text-block "> <div class="content-column hide-lg-up hide-md hide-sm top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577:after, .btn-light.btn1-bg-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577{ color: ; } a.btn-light.btn1-outline-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577:after, .btn-light.btn2-bg-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577{ color: ; } a.btn-light.btn2-outline-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-5019b9ec-cd48-3886-8ca1-3ebf6be0b577{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-5019b9ec-cd48-3886-8ca1-3ebf6be0b577{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577:after, .btn-light.btn1-tablet-bg-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577{ color: ; } a.btn-light.btn1-tablet-outline-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577:after, .btn-light.btn2-tablet-bg-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577{ color: ; } a.btn-light.btn2-tablet-outline-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-5019b9ec-cd48-3886-8ca1-3ebf6be0b577{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-5019b9ec-cd48-3886-8ca1-3ebf6be0b577{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577:after, .btn-light.btn1-mobile-bg-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577{ color: ; } a.btn-light.btn1-mobile-outline-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577:after, .btn-light.btn2-mobile-bg-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577{ color: ; } a.btn-light.btn2-mobile-outline-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577:after, a.btn-light.btn2-mobile-outline-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-5019b9ec-cd48-3886-8ca1-3ebf6be0b577:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-5019b9ec-cd48-3886-8ca1-3ebf6be0b577{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-5019b9ec-cd48-3886-8ca1-3ebf6be0b577{ color: ; } } </style> <div></div> </div> </div> </div> </div> </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-88013e1b-7219-38c6-8d3c-13e03b877051 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-88013e1b-7219-38c6-8d3c-13e03b877051:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-88013e1b-7219-38c6-8d3c-13e03b877051 .outer-container { width: 100%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-88013e1b-7219-38c6-8d3c-13e03b877051:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-88013e1b-7219-38c6-8d3c-13e03b877051 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-88013e1b-7219-38c6-8d3c-13e03b877051:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-88013e1b-7219-38c6-8d3c-13e03b877051 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-88013e1b-7219-38c6-8d3c-13e03b877051" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-4ddd3490-decc-3b11-b8d0-5f577027e4d7 { background: linear-gradient(160deg, #3f565e, #76a29d 100%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-4ddd3490-decc-3b11-b8d0-5f577027e4d7:not(.bg-color-match-enabled) { background: linear-gradient(160deg, #3f565e, #76a29d 100%); } .bbd-full-width-container.id-4ddd3490-decc-3b11-b8d0-5f577027e4d7 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-4ddd3490-decc-3b11-b8d0-5f577027e4d7:not(.bg-color-match-enabled) { background: linear-gradient(160deg, #3f565e, #76a29d 100%); } .bbd-full-width-container.id-4ddd3490-decc-3b11-b8d0-5f577027e4d7 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-4ddd3490-decc-3b11-b8d0-5f577027e4d7:not(.bg-color-match-enabled) { background: linear-gradient(160deg, #3f565e, #76a29d 100%); } .bbd-full-width-container.id-4ddd3490-decc-3b11-b8d0-5f577027e4d7 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-4ddd3490-decc-3b11-b8d0-5f577027e4d7" data-desktop-bg-color="linear-gradient(160deg, #3f565e, #76a29d 100%)"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-d1cfabf8-2136-3a55-a725-957982cef846 { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-d1cfabf8-2136-3a55-a725-957982cef846 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-d1cfabf8-2136-3a55-a725-957982cef846 { padding-top: 48px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-d1cfabf8-2136-3a55-a725-957982cef846"></section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-d89c7f37-887a-36ed-a633-71dae1226920 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-d89c7f37-887a-36ed-a633-71dae1226920:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-d89c7f37-887a-36ed-a633-71dae1226920 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-d89c7f37-887a-36ed-a633-71dae1226920:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-d89c7f37-887a-36ed-a633-71dae1226920 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-d89c7f37-887a-36ed-a633-71dae1226920:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-d89c7f37-887a-36ed-a633-71dae1226920 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-d89c7f37-887a-36ed-a633-71dae1226920" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="design" data-analytics-scroll> <div class="rte-container-15155518-19d5-3f1e-acad-a172e9929aa2 "> <h2 class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal; margin: 0; color: #fff;"><i>Design</i></h2> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-77d0fa59-6cdc-32ba-bfd3-410aca2aa56e { padding-top: 16px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-77d0fa59-6cdc-32ba-bfd3-410aca2aa56e { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-77d0fa59-6cdc-32ba-bfd3-410aca2aa56e { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-77d0fa59-6cdc-32ba-bfd3-410aca2aa56e"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-2 column-gap-lg-6 column-gap-md-4 column-gap-sm-4 " data-analytics-scroll> <div id="columnContainer_57bfb631-a8d0-38a6-b2f7-dedc859a2e08_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_2b857609-5d80-3860-a504-ba9f8df631cd" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div class="rte-container-fa24e8dd-f184-3b7f-af85-19ee22d0e442 "> <div style="color: #fff;"> <h2 class="headline-1" style="margin: 0;">Powerful sound got a facelift.</h2> </div> </div> </section> </div> </div> </div> <div id="columnContainer_57bfb631-a8d0-38a6-b2f7-dedc859a2e08_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_ab3dd5d5-8889-3290-a715-0e021f622345" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div class="rte-container-abfea070-18df-3dbd-bc7c-0191b3b8ce88 "> <p class="body-large" style="color: #fff; margin: 0;">The streamlined speaker now has a 20‑degree upward tilt to direct sound waves toward your head, away from objects that might obstruct them.</p> </div> </section> </div> </div> </div> </div></div> </div> </div> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-d94c750d-51b4-3a2c-b638-5b5a161c028e { padding-top: 40px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-d94c750d-51b4-3a2c-b638-5b5a161c028e { padding-top: 25px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-d94c750d-51b4-3a2c-b638-5b5a161c028e { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-d94c750d-51b4-3a2c-b638-5b5a161c028e"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-1cf5f1ba-b625-3ff1-94be-6b74e946a31e .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-1cf5f1ba-b625-3ff1-94be-6b74e946a31e " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-video "> <div class="video-wrapper"> <div class="beats-video-block desktop-light tablet-light mobile-light "> <div class="video-block"> <picture class="beats-picture"> <source media="(min-width: 1024px)" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p10.png.large.2x.png 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p10.png.medium.2x.png 2x"/> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p10.png.small.2x.png 2x"/> <img class="bbd-media-image" src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p10.png.large.2x.png" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p10.png.large.2x.png 2x" alt="Beats Pill close up" aria-hidden="true" data-resp-exclude/> </picture> <beats-video data-video-type="looping" data-btn-color="btn-color-light" data-mobile-video="true" data-transparent="true" data-analytics-link-type="siteClick"> <source data-desktop-mp4-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p10.mp4.rendition.mp4" type='video/mp4; codecs="hvc1"'/> <source data-desktop-webm-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p10.mp4.rendition.webm" type="video/webm"/> <source data-mobile-mp4-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p10.mp4.rendition.mp4" type='video/mp4; codecs="hvc1"'/> <source data-mobile-webm-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p10.mp4.rendition.webm" type="video/webm"/> </beats-video> </div> </div> <style type="text/css"> </style> </div> </div> </div> <div class="transition-content-wrapper beats-full-video-variant "> <div class="content-column hide-lg-up hide-md hide-sm top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2:after, .btn-light.btn1-bg-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2{ color: ; } a.btn-light.btn1-outline-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2:after, .btn-light.btn2-bg-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2{ color: ; } a.btn-light.btn2-outline-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-b8aa52f7-5746-3745-8b24-bc10d63b0fe2{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-b8aa52f7-5746-3745-8b24-bc10d63b0fe2{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2:after, .btn-light.btn1-tablet-bg-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2{ color: ; } a.btn-light.btn1-tablet-outline-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2:after, .btn-light.btn2-tablet-bg-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2{ color: ; } a.btn-light.btn2-tablet-outline-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-b8aa52f7-5746-3745-8b24-bc10d63b0fe2{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-b8aa52f7-5746-3745-8b24-bc10d63b0fe2{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2:after, .btn-light.btn1-mobile-bg-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2{ color: ; } a.btn-light.btn1-mobile-outline-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2:after, .btn-light.btn2-mobile-bg-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2{ color: ; } a.btn-light.btn2-mobile-outline-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2:after, a.btn-light.btn2-mobile-outline-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-b8aa52f7-5746-3745-8b24-bc10d63b0fe2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-b8aa52f7-5746-3745-8b24-bc10d63b0fe2{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-b8aa52f7-5746-3745-8b24-bc10d63b0fe2{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </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-64eab29a-cfb3-395d-9836-9c175a853f8a { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-64eab29a-cfb3-395d-9836-9c175a853f8a:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-64eab29a-cfb3-395d-9836-9c175a853f8a .outer-container { width: 91.66666%; max-width: 1200px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-64eab29a-cfb3-395d-9836-9c175a853f8a:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-64eab29a-cfb3-395d-9836-9c175a853f8a .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-64eab29a-cfb3-395d-9836-9c175a853f8a:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-64eab29a-cfb3-395d-9836-9c175a853f8a .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-64eab29a-cfb3-395d-9836-9c175a853f8a" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-9e808ca0-eb81-38ba-9bed-bdef21652762 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-9e808ca0-eb81-38ba-9bed-bdef21652762 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-9e808ca0-eb81-38ba-9bed-bdef21652762 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-9e808ca0-eb81-38ba-9bed-bdef21652762"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="removable_lanyard" data-analytics-scroll> <div class="rte-container-502befaf-5445-3ef5-a11d-df00d4c89efe "> <p class="headline-3" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal;">The removable lanyard and soft‑grip silicone backing make the Pill easy to take with you.</p> </div> </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-3ca89782-9bf1-321b-8986-1e0d11adf5b2 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-3ca89782-9bf1-321b-8986-1e0d11adf5b2:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-3ca89782-9bf1-321b-8986-1e0d11adf5b2 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-3ca89782-9bf1-321b-8986-1e0d11adf5b2:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-3ca89782-9bf1-321b-8986-1e0d11adf5b2 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-3ca89782-9bf1-321b-8986-1e0d11adf5b2:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-3ca89782-9bf1-321b-8986-1e0d11adf5b2 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-3ca89782-9bf1-321b-8986-1e0d11adf5b2" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-c90f073f-aa78-3414-a68a-e9962239d6d0 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-c90f073f-aa78-3414-a68a-e9962239d6d0 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-c90f073f-aa78-3414-a68a-e9962239d6d0 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-c90f073f-aa78-3414-a68a-e9962239d6d0"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-2 row-gap-sm-2 column-gap-lg-4 column-gap-md-0 column-gap-sm-0 " data-analytics-scroll> <div id="columnContainer_500119f5-4cc6-319c-8462-b358e2a06c80_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_cc43c5b5-865c-3738-b23d-fc2a4a2a390d" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="imageAndText"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <section class="bbd-component transition bbd-img-text-component id-1d1e3487-8812-3158-84fa-ee4a0a115885 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p11.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p11.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p11.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p11.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p11.jpg.large.2x.jpg 2x" alt="Person holding the Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-db804e1b-4bf1-306a-be7d-b1c211371390 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-db804e1b-4bf1-306a-be7d-b1c211371390, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-db804e1b-4bf1-306a-be7d-b1c211371390 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-db804e1b-4bf1-306a-be7d-b1c211371390 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-db804e1b-4bf1-306a-be7d-b1c211371390, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-db804e1b-4bf1-306a-be7d-b1c211371390 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-db804e1b-4bf1-306a-be7d-b1c211371390:after, .btn-light.btn1-bg-color-db804e1b-4bf1-306a-be7d-b1c211371390:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-db804e1b-4bf1-306a-be7d-b1c211371390{ color: ; } a.btn-light.btn1-outline-color-db804e1b-4bf1-306a-be7d-b1c211371390:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-db804e1b-4bf1-306a-be7d-b1c211371390:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-db804e1b-4bf1-306a-be7d-b1c211371390:after, .btn-light.btn2-bg-color-db804e1b-4bf1-306a-be7d-b1c211371390:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-db804e1b-4bf1-306a-be7d-b1c211371390{ color: ; } a.btn-light.btn2-outline-color-db804e1b-4bf1-306a-be7d-b1c211371390:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-db804e1b-4bf1-306a-be7d-b1c211371390:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-db804e1b-4bf1-306a-be7d-b1c211371390{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-db804e1b-4bf1-306a-be7d-b1c211371390{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-db804e1b-4bf1-306a-be7d-b1c211371390:after, .btn-light.btn1-tablet-bg-color-db804e1b-4bf1-306a-be7d-b1c211371390:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-db804e1b-4bf1-306a-be7d-b1c211371390{ color: ; } a.btn-light.btn1-tablet-outline-color-db804e1b-4bf1-306a-be7d-b1c211371390:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-db804e1b-4bf1-306a-be7d-b1c211371390:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-db804e1b-4bf1-306a-be7d-b1c211371390:after, .btn-light.btn2-tablet-bg-color-db804e1b-4bf1-306a-be7d-b1c211371390:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-db804e1b-4bf1-306a-be7d-b1c211371390{ color: ; } a.btn-light.btn2-tablet-outline-color-db804e1b-4bf1-306a-be7d-b1c211371390:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-db804e1b-4bf1-306a-be7d-b1c211371390:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-db804e1b-4bf1-306a-be7d-b1c211371390{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-db804e1b-4bf1-306a-be7d-b1c211371390{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-db804e1b-4bf1-306a-be7d-b1c211371390:after, .btn-light.btn1-mobile-bg-color-db804e1b-4bf1-306a-be7d-b1c211371390:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-db804e1b-4bf1-306a-be7d-b1c211371390{ color: ; } a.btn-light.btn1-mobile-outline-color-db804e1b-4bf1-306a-be7d-b1c211371390:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-db804e1b-4bf1-306a-be7d-b1c211371390:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-db804e1b-4bf1-306a-be7d-b1c211371390:after, .btn-light.btn2-mobile-bg-color-db804e1b-4bf1-306a-be7d-b1c211371390:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-db804e1b-4bf1-306a-be7d-b1c211371390{ color: ; } a.btn-light.btn2-mobile-outline-color-db804e1b-4bf1-306a-be7d-b1c211371390:after, a.btn-light.btn2-mobile-outline-color-db804e1b-4bf1-306a-be7d-b1c211371390:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-db804e1b-4bf1-306a-be7d-b1c211371390:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-db804e1b-4bf1-306a-be7d-b1c211371390{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-db804e1b-4bf1-306a-be7d-b1c211371390{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-1642177d-fe44-3cab-9943-cb9a633ae6bc { padding-top: 24px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-1642177d-fe44-3cab-9943-cb9a633ae6bc { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-1642177d-fe44-3cab-9943-cb9a633ae6bc { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-1642177d-fe44-3cab-9943-cb9a633ae6bc"></section> </div> </div> </div> <div id="columnContainer_500119f5-4cc6-319c-8462-b358e2a06c80_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_be317488-dc65-38e4-8635-0a9c00deed3e" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="imageAndText"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <section class="bbd-component transition bbd-img-text-component id-18874aa9-d170-3c53-b0ac-9e1e0f537e3f " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p12.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p12.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p12.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p12.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p12.jpg.large.2x.jpg 2x" alt="Person holding the Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-3366c625-05d3-362e-ac76-f47b931061d2 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-3366c625-05d3-362e-ac76-f47b931061d2, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-3366c625-05d3-362e-ac76-f47b931061d2 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-3366c625-05d3-362e-ac76-f47b931061d2 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-3366c625-05d3-362e-ac76-f47b931061d2, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-3366c625-05d3-362e-ac76-f47b931061d2 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-3366c625-05d3-362e-ac76-f47b931061d2:after, .btn-light.btn1-bg-color-3366c625-05d3-362e-ac76-f47b931061d2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-3366c625-05d3-362e-ac76-f47b931061d2{ color: ; } a.btn-light.btn1-outline-color-3366c625-05d3-362e-ac76-f47b931061d2:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-3366c625-05d3-362e-ac76-f47b931061d2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-3366c625-05d3-362e-ac76-f47b931061d2:after, .btn-light.btn2-bg-color-3366c625-05d3-362e-ac76-f47b931061d2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-3366c625-05d3-362e-ac76-f47b931061d2{ color: ; } a.btn-light.btn2-outline-color-3366c625-05d3-362e-ac76-f47b931061d2:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-3366c625-05d3-362e-ac76-f47b931061d2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-3366c625-05d3-362e-ac76-f47b931061d2{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-3366c625-05d3-362e-ac76-f47b931061d2{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-3366c625-05d3-362e-ac76-f47b931061d2:after, .btn-light.btn1-tablet-bg-color-3366c625-05d3-362e-ac76-f47b931061d2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-3366c625-05d3-362e-ac76-f47b931061d2{ color: ; } a.btn-light.btn1-tablet-outline-color-3366c625-05d3-362e-ac76-f47b931061d2:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-3366c625-05d3-362e-ac76-f47b931061d2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-3366c625-05d3-362e-ac76-f47b931061d2:after, .btn-light.btn2-tablet-bg-color-3366c625-05d3-362e-ac76-f47b931061d2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-3366c625-05d3-362e-ac76-f47b931061d2{ color: ; } a.btn-light.btn2-tablet-outline-color-3366c625-05d3-362e-ac76-f47b931061d2:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-3366c625-05d3-362e-ac76-f47b931061d2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-3366c625-05d3-362e-ac76-f47b931061d2{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-3366c625-05d3-362e-ac76-f47b931061d2{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-3366c625-05d3-362e-ac76-f47b931061d2:after, .btn-light.btn1-mobile-bg-color-3366c625-05d3-362e-ac76-f47b931061d2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-3366c625-05d3-362e-ac76-f47b931061d2{ color: ; } a.btn-light.btn1-mobile-outline-color-3366c625-05d3-362e-ac76-f47b931061d2:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-3366c625-05d3-362e-ac76-f47b931061d2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-3366c625-05d3-362e-ac76-f47b931061d2:after, .btn-light.btn2-mobile-bg-color-3366c625-05d3-362e-ac76-f47b931061d2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-3366c625-05d3-362e-ac76-f47b931061d2{ color: ; } a.btn-light.btn2-mobile-outline-color-3366c625-05d3-362e-ac76-f47b931061d2:after, a.btn-light.btn2-mobile-outline-color-3366c625-05d3-362e-ac76-f47b931061d2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-3366c625-05d3-362e-ac76-f47b931061d2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-3366c625-05d3-362e-ac76-f47b931061d2{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-3366c625-05d3-362e-ac76-f47b931061d2{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-e8e76290-e1aa-3384-a8da-d58bcb7531a4 { padding-top: 24px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-e8e76290-e1aa-3384-a8da-d58bcb7531a4 { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-e8e76290-e1aa-3384-a8da-d58bcb7531a4 { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-e8e76290-e1aa-3384-a8da-d58bcb7531a4"></section> </div> </div> </div> </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-eba194f4-bd7e-3cd3-a62d-17ae51120917 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-eba194f4-bd7e-3cd3-a62d-17ae51120917:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-eba194f4-bd7e-3cd3-a62d-17ae51120917 .outer-container { width: 100%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-eba194f4-bd7e-3cd3-a62d-17ae51120917:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-eba194f4-bd7e-3cd3-a62d-17ae51120917 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-eba194f4-bd7e-3cd3-a62d-17ae51120917:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-eba194f4-bd7e-3cd3-a62d-17ae51120917 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-eba194f4-bd7e-3cd3-a62d-17ae51120917" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-55f0b8d0-293d-39c4-9ad4-ba62934f4c9a { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-55f0b8d0-293d-39c4-9ad4-ba62934f4c9a { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-55f0b8d0-293d-39c4-9ad4-ba62934f4c9a { padding-top: 20px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-55f0b8d0-293d-39c4-9ad4-ba62934f4c9a"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-9bf7f920-ffb9-306f-b5f5-4fe54c0469ed .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-9bf7f920-ffb9-306f-b5f5-4fe54c0469ed " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper mobile-full-height-config tablet-full-height-config "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-video "> <div class="video-wrapper"> <div class="beats-video-block desktop-light tablet-light mobile-light "> <div class="video-block"> <picture class="beats-picture"> <source media="(min-width: 1024px)" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p13.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p13.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p13.jpg.small.2x.jpg 2x"/> <img class="bbd-media-image" src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p13.jpg.large.2x.jpg" srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p13.jpg.large.2x.jpg 2x" alt="Beats Pill swinging from tether" aria-hidden="true" data-resp-exclude/> </picture> <beats-video data-video-type="looping" data-btn-color="btn-color-light" data-mobile-video="true" data-transparent="false" data-analytics-link-type="siteClick"> <source data-desktop-mp4-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p13.mp4.rendition.mp4" type='video/mp4'/> <source data-desktop-webm-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p13.mp4.rendition.webm" type="video/webm"/> <source data-mobile-mp4-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p13-mobile.mp4.rendition.mp4" type='video/mp4'/> <source data-mobile-webm-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p13-mobile.mp4.rendition.webm" type="video/webm"/> </beats-video> </div> </div> <style type="text/css"> </style> </div> </div> </div> <div class="transition-content-wrapper overlay-text-block beats-full-video-variant "> <div class="content-column hide-lg-up hide-md hide-sm top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c:after, .btn-light.btn1-bg-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c{ color: ; } a.btn-light.btn1-outline-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c:after, .btn-light.btn2-bg-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c{ color: ; } a.btn-light.btn2-outline-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c:after, .btn-light.btn1-tablet-bg-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c{ color: ; } a.btn-light.btn1-tablet-outline-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c:after, .btn-light.btn2-tablet-bg-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c{ color: ; } a.btn-light.btn2-tablet-outline-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c:after, .btn-light.btn1-mobile-bg-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c{ color: ; } a.btn-light.btn1-mobile-outline-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c:after, .btn-light.btn2-mobile-bg-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c{ color: ; } a.btn-light.btn2-mobile-outline-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c:after, a.btn-light.btn2-mobile-outline-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-f7ee3059-9c79-3b8a-a4d3-3e1a9cc2b52c{ color: ; } } </style> <div></div> </div> </div> </div> </div> </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-08948e10-fc8c-3c93-8527-9071530d6c33 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-08948e10-fc8c-3c93-8527-9071530d6c33:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-08948e10-fc8c-3c93-8527-9071530d6c33 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-08948e10-fc8c-3c93-8527-9071530d6c33:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-08948e10-fc8c-3c93-8527-9071530d6c33 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-08948e10-fc8c-3c93-8527-9071530d6c33:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-08948e10-fc8c-3c93-8527-9071530d6c33 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-08948e10-fc8c-3c93-8527-9071530d6c33" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-007825ba-6def-34d9-9e04-bf7cff9dacf2 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-007825ba-6def-34d9-9e04-bf7cff9dacf2 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-007825ba-6def-34d9-9e04-bf7cff9dacf2 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-007825ba-6def-34d9-9e04-bf7cff9dacf2"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-4 column-gap-lg-0 column-gap-md-0 column-gap-sm-0 " data-analytics-scroll> <div id="columnContainer_91e6a5bf-5112-3f10-b430-187ad2041397_0" class="sm-12 md-12 lg-6 "> <style type="text/css"> @media screen and (min-width: 1024px) { #columnWrapper_a4b6581a-8b39-3f14-abf3-11a32a16299b{ padding: 0 5% 0 0;} } </style> <div id="columnWrapper_a4b6581a-8b39-3f14-abf3-11a32a16299b" class="column-item v-align-lg-middle v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="all_day_battery"> <div class="rte-container-5bae62d5-1890-3f80-ad84-9630cf4b58d5 "> <h2 class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal;"><i>All-Day Battery</i></h2> </div> </section> </div> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-2f634a03-f6ef-3ee2-9ede-0c1946669a81 { padding-top: 16px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-2f634a03-f6ef-3ee2-9ede-0c1946669a81 { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-2f634a03-f6ef-3ee2-9ede-0c1946669a81 { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-2f634a03-f6ef-3ee2-9ede-0c1946669a81"></section> </div> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div class="rte-container-7e03c92f-30ca-3847-8562-7ca68ed68da0 "> <div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 2rem; color: #161616;"> <h2 class="headline-2" style="color: inherit; margin: 0;"><span style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200;">Up to</span> 24 hours <span style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200;">of battery life.</span><sup class="body-large" style="color: inherit; vertical-align: middle;"><sup data-footnote="pill-battery-life"></sup></sup></h2> <div style="display: grid; grid-template-rows: repeat(2, auto); row-gap: 1rem; max-width: 563px;"> <p class="body-large" style="margin: 0; color: inherit;">With Fast Fuel, a quick 10‑minute charge gives up to 2 hours of playback.<sup style="color: inherit;"><sup data-footnote="pill-fast-fuel"></sup></sup></p> <p class="body-large" style="margin: 0; color: #161616;">When you’re on the go, you can charge your phone via the included USB-C cable.</p> </div> </div> </div> </section> </div> </div> </div> <div id="columnContainer_91e6a5bf-5112-3f10-b430-187ad2041397_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_1c8c5204-6424-3811-8ddc-eaaeb5a5f4cb" class="column-item v-align-lg-middle v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="imageAndText"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <section class="bbd-component transition bbd-img-text-component id-8da809f6-59ec-36f5-aba7-5fbc36841694 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14.jpg.large.2x.jpg 2x" alt="Beats Pill shown on table" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-f6d321c6-7310-30cc-811c-464bc092c688 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-f6d321c6-7310-30cc-811c-464bc092c688, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-f6d321c6-7310-30cc-811c-464bc092c688 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-f6d321c6-7310-30cc-811c-464bc092c688 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-f6d321c6-7310-30cc-811c-464bc092c688, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-f6d321c6-7310-30cc-811c-464bc092c688 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-f6d321c6-7310-30cc-811c-464bc092c688:after, .btn-light.btn1-bg-color-f6d321c6-7310-30cc-811c-464bc092c688:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-f6d321c6-7310-30cc-811c-464bc092c688{ color: ; } a.btn-light.btn1-outline-color-f6d321c6-7310-30cc-811c-464bc092c688:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-f6d321c6-7310-30cc-811c-464bc092c688:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-f6d321c6-7310-30cc-811c-464bc092c688:after, .btn-light.btn2-bg-color-f6d321c6-7310-30cc-811c-464bc092c688:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-f6d321c6-7310-30cc-811c-464bc092c688{ color: ; } a.btn-light.btn2-outline-color-f6d321c6-7310-30cc-811c-464bc092c688:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-f6d321c6-7310-30cc-811c-464bc092c688:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-f6d321c6-7310-30cc-811c-464bc092c688{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-f6d321c6-7310-30cc-811c-464bc092c688{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-f6d321c6-7310-30cc-811c-464bc092c688:after, .btn-light.btn1-tablet-bg-color-f6d321c6-7310-30cc-811c-464bc092c688:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-f6d321c6-7310-30cc-811c-464bc092c688{ color: ; } a.btn-light.btn1-tablet-outline-color-f6d321c6-7310-30cc-811c-464bc092c688:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-f6d321c6-7310-30cc-811c-464bc092c688:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-f6d321c6-7310-30cc-811c-464bc092c688:after, .btn-light.btn2-tablet-bg-color-f6d321c6-7310-30cc-811c-464bc092c688:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-f6d321c6-7310-30cc-811c-464bc092c688{ color: ; } a.btn-light.btn2-tablet-outline-color-f6d321c6-7310-30cc-811c-464bc092c688:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-f6d321c6-7310-30cc-811c-464bc092c688:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-f6d321c6-7310-30cc-811c-464bc092c688{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-f6d321c6-7310-30cc-811c-464bc092c688{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-f6d321c6-7310-30cc-811c-464bc092c688:after, .btn-light.btn1-mobile-bg-color-f6d321c6-7310-30cc-811c-464bc092c688:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-f6d321c6-7310-30cc-811c-464bc092c688{ color: ; } a.btn-light.btn1-mobile-outline-color-f6d321c6-7310-30cc-811c-464bc092c688:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-f6d321c6-7310-30cc-811c-464bc092c688:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-f6d321c6-7310-30cc-811c-464bc092c688:after, .btn-light.btn2-mobile-bg-color-f6d321c6-7310-30cc-811c-464bc092c688:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-f6d321c6-7310-30cc-811c-464bc092c688{ color: ; } a.btn-light.btn2-mobile-outline-color-f6d321c6-7310-30cc-811c-464bc092c688:after, a.btn-light.btn2-mobile-outline-color-f6d321c6-7310-30cc-811c-464bc092c688:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-f6d321c6-7310-30cc-811c-464bc092c688:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-f6d321c6-7310-30cc-811c-464bc092c688{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-f6d321c6-7310-30cc-811c-464bc092c688{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </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-b3c2486d-3892-3479-bd64-bf3e5ddd507b { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-b3c2486d-3892-3479-bd64-bf3e5ddd507b:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-b3c2486d-3892-3479-bd64-bf3e5ddd507b .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-b3c2486d-3892-3479-bd64-bf3e5ddd507b:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-b3c2486d-3892-3479-bd64-bf3e5ddd507b .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-b3c2486d-3892-3479-bd64-bf3e5ddd507b:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-b3c2486d-3892-3479-bd64-bf3e5ddd507b .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-b3c2486d-3892-3479-bd64-bf3e5ddd507b" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-0ce38dfe-7790-346e-9f8c-0d68ff842bf3 { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-0ce38dfe-7790-346e-9f8c-0d68ff842bf3 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-0ce38dfe-7790-346e-9f8c-0d68ff842bf3 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-0ce38dfe-7790-346e-9f8c-0d68ff842bf3"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="USB-C Lossless Audio" data-analytics-scroll> <div class="rte-container-decd2651-2547-3f2d-9c26-c823aebb49c3 "> <h2 class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal; margin: 0;"><i>USB-C Audio</i></h2> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-680af970-3b3a-3762-9510-40c39a3bce99 { padding-top: 16px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-680af970-3b3a-3762-9510-40c39a3bce99 { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-680af970-3b3a-3762-9510-40c39a3bce99 { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-680af970-3b3a-3762-9510-40c39a3bce99"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-4 column-gap-lg-3 column-gap-md-0 column-gap-sm-0 " data-analytics-scroll> <div id="columnContainer_26b9b76b-4295-33ae-b682-4f40b135fbb5_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_513492d0-5501-38f9-a479-3306245ae54f" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div class="rte-container-7257b49a-7a43-3bfa-b359-4bab3eea33df "> <h2 class="headline-2" style="margin: 0;">Lossless Audio</h2> </div> </section> </div> </div> </div> <div id="columnContainer_26b9b76b-4295-33ae-b682-4f40b135fbb5_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_fb58ff3c-c4b9-3a44-bf5e-51b1490157b5" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div class="rte-container-a115818d-45c7-343c-b610-06d66540219e "> <p class="body-large" style="margin: 0;">Enjoy high-resolution lossless audio from your Beats Pill by connecting it to your laptop or other compatible devices via the USB‑C cable.<sup data-footnote="global-lossless-audio"></sup></p> </div> </section> </div> </div> </div> </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-19aefbe5-eb78-3975-b9e6-ed7546697595 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-19aefbe5-eb78-3975-b9e6-ed7546697595:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-19aefbe5-eb78-3975-b9e6-ed7546697595 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-19aefbe5-eb78-3975-b9e6-ed7546697595:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-19aefbe5-eb78-3975-b9e6-ed7546697595 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-19aefbe5-eb78-3975-b9e6-ed7546697595:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-19aefbe5-eb78-3975-b9e6-ed7546697595 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-19aefbe5-eb78-3975-b9e6-ed7546697595" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-6e8e2cd3-6773-3c1a-a068-34f2433f330b { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-6e8e2cd3-6773-3c1a-a068-34f2433f330b { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-6e8e2cd3-6773-3c1a-a068-34f2433f330b { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-6e8e2cd3-6773-3c1a-a068-34f2433f330b"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-0fd5a078-ab9e-3fb0-96b0-21c8e598fb6d .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-0fd5a078-ab9e-3fb0-96b0-21c8e598fb6d " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14-5.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14-5.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14-5.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14-5.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p14-5.jpg.large.2x.jpg 2x" alt="Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column content-md-full content-sm-full hide-lg-up hide-md hide-sm top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-742d5579-b6db-3d14-82c2-81008b785441 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-742d5579-b6db-3d14-82c2-81008b785441, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-742d5579-b6db-3d14-82c2-81008b785441 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-742d5579-b6db-3d14-82c2-81008b785441 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-742d5579-b6db-3d14-82c2-81008b785441, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-742d5579-b6db-3d14-82c2-81008b785441 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-742d5579-b6db-3d14-82c2-81008b785441:after, .btn-light.btn1-bg-color-742d5579-b6db-3d14-82c2-81008b785441:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-742d5579-b6db-3d14-82c2-81008b785441{ color: ; } a.btn-light.btn1-outline-color-742d5579-b6db-3d14-82c2-81008b785441:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-742d5579-b6db-3d14-82c2-81008b785441:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-742d5579-b6db-3d14-82c2-81008b785441:after, .btn-light.btn2-bg-color-742d5579-b6db-3d14-82c2-81008b785441:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-742d5579-b6db-3d14-82c2-81008b785441{ color: ; } a.btn-light.btn2-outline-color-742d5579-b6db-3d14-82c2-81008b785441:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-742d5579-b6db-3d14-82c2-81008b785441:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-742d5579-b6db-3d14-82c2-81008b785441{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-742d5579-b6db-3d14-82c2-81008b785441{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-742d5579-b6db-3d14-82c2-81008b785441:after, .btn-light.btn1-tablet-bg-color-742d5579-b6db-3d14-82c2-81008b785441:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-742d5579-b6db-3d14-82c2-81008b785441{ color: ; } a.btn-light.btn1-tablet-outline-color-742d5579-b6db-3d14-82c2-81008b785441:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-742d5579-b6db-3d14-82c2-81008b785441:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-742d5579-b6db-3d14-82c2-81008b785441:after, .btn-light.btn2-tablet-bg-color-742d5579-b6db-3d14-82c2-81008b785441:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-742d5579-b6db-3d14-82c2-81008b785441{ color: ; } a.btn-light.btn2-tablet-outline-color-742d5579-b6db-3d14-82c2-81008b785441:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-742d5579-b6db-3d14-82c2-81008b785441:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-742d5579-b6db-3d14-82c2-81008b785441{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-742d5579-b6db-3d14-82c2-81008b785441{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-742d5579-b6db-3d14-82c2-81008b785441:after, .btn-light.btn1-mobile-bg-color-742d5579-b6db-3d14-82c2-81008b785441:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-742d5579-b6db-3d14-82c2-81008b785441{ color: ; } a.btn-light.btn1-mobile-outline-color-742d5579-b6db-3d14-82c2-81008b785441:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-742d5579-b6db-3d14-82c2-81008b785441:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-742d5579-b6db-3d14-82c2-81008b785441:after, .btn-light.btn2-mobile-bg-color-742d5579-b6db-3d14-82c2-81008b785441:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-742d5579-b6db-3d14-82c2-81008b785441{ color: ; } a.btn-light.btn2-mobile-outline-color-742d5579-b6db-3d14-82c2-81008b785441:after, a.btn-light.btn2-mobile-outline-color-742d5579-b6db-3d14-82c2-81008b785441:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-742d5579-b6db-3d14-82c2-81008b785441:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-742d5579-b6db-3d14-82c2-81008b785441{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-742d5579-b6db-3d14-82c2-81008b785441{ color: ; } } </style> <div></div> </div> </div> </div> </div> </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-489aeb49-4af8-37e1-a94e-25b8e1e8fd30 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-489aeb49-4af8-37e1-a94e-25b8e1e8fd30:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-489aeb49-4af8-37e1-a94e-25b8e1e8fd30 .outer-container { width: 100%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-489aeb49-4af8-37e1-a94e-25b8e1e8fd30:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-489aeb49-4af8-37e1-a94e-25b8e1e8fd30 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-489aeb49-4af8-37e1-a94e-25b8e1e8fd30:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-489aeb49-4af8-37e1-a94e-25b8e1e8fd30 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-489aeb49-4af8-37e1-a94e-25b8e1e8fd30" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-569b91dc-f2c8-352e-b0a0-8087ff095c51 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-569b91dc-f2c8-352e-b0a0-8087ff095c51 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-569b91dc-f2c8-352e-b0a0-8087ff095c51 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-569b91dc-f2c8-352e-b0a0-8087ff095c51"></section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-f6b47e11-0e9c-31a3-a11e-b5b13cb6296b { background: #101010; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-f6b47e11-0e9c-31a3-a11e-b5b13cb6296b:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-f6b47e11-0e9c-31a3-a11e-b5b13cb6296b .outer-container { width: 91.66666%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-f6b47e11-0e9c-31a3-a11e-b5b13cb6296b:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-f6b47e11-0e9c-31a3-a11e-b5b13cb6296b .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-f6b47e11-0e9c-31a3-a11e-b5b13cb6296b:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-f6b47e11-0e9c-31a3-a11e-b5b13cb6296b .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-f6b47e11-0e9c-31a3-a11e-b5b13cb6296b" data-desktop-bg-color="#101010"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-a68f24c5-00bc-35b2-a413-80e845342839 { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-a68f24c5-00bc-35b2-a413-80e845342839 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-a68f24c5-00bc-35b2-a413-80e845342839 { padding-top: 48px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-a68f24c5-00bc-35b2-a413-80e845342839"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="instant_compatibility" data-analytics-scroll> <div class="rte-container-22edf943-6819-3c17-a03d-b79588cf1a23 "> <h2 class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal; margin: 0; color: #fff;"><i>Instant Compatibility</i></h2> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-ef0fcad8-3aa7-3891-9fa3-a8978d9c0f62 { padding-top: 16px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-ef0fcad8-3aa7-3891-9fa3-a8978d9c0f62 { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-ef0fcad8-3aa7-3891-9fa3-a8978d9c0f62 { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-ef0fcad8-3aa7-3891-9fa3-a8978d9c0f62"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-4 column-gap-lg-6 column-gap-md-4 column-gap-sm-4 " data-analytics-scroll> <div id="columnContainer_cf5af788-2195-3d11-83b0-bb353c53c5c3_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_bdbe29bd-b0b1-3fcd-a66f-f4a749ddbc11" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div class="rte-container-a8434bd6-033e-39c1-9ecf-c572e85ec00d "> <div style="color: #fff;"> <h2 class="headline-2" style="margin: 0;">Apple or Android? <span style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: 200;">You’re good.</span></h2> </div> </div> </section> </div> </div> </div> <div id="columnContainer_cf5af788-2195-3d11-83b0-bb353c53c5c3_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_6a5fd9b1-e476-30c6-bc6b-2f58467b2917" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div class="rte-container-cd9b3877-65e2-34a5-b817-1e9608fda29a "> <div style="color: #fff;"> <p class="body-large">Whether you’re on iOS or Android, the Pill’s proprietary chip ensures you get instant one‑touch pairing, plus Find My or Find My Device.<sup data-footnote="dual-compatibility"></sup></p> </div> </div> </section> </div> </div> </div> </div></div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-d2d1b2f7-6683-30c6-9247-80325b39d086 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-d2d1b2f7-6683-30c6-9247-80325b39d086 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-d2d1b2f7-6683-30c6-9247-80325b39d086 { padding-top: 20px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-d2d1b2f7-6683-30c6-9247-80325b39d086"></section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-23defaab-d6d9-379e-aff3-a5dbf85415f2 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-23defaab-d6d9-379e-aff3-a5dbf85415f2:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-23defaab-d6d9-379e-aff3-a5dbf85415f2 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-23defaab-d6d9-379e-aff3-a5dbf85415f2:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-23defaab-d6d9-379e-aff3-a5dbf85415f2 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-23defaab-d6d9-379e-aff3-a5dbf85415f2:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-23defaab-d6d9-379e-aff3-a5dbf85415f2 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-23defaab-d6d9-379e-aff3-a5dbf85415f2" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-798041c8-64b1-3740-9666-13960882329f .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-798041c8-64b1-3740-9666-13960882329f " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p15.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p15.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p15.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p15.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p15.jpg.large.2x.jpg 2x" alt="Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-cfbf67b7-6bb5-36cc-93c3-57754125f304 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-cfbf67b7-6bb5-36cc-93c3-57754125f304, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-cfbf67b7-6bb5-36cc-93c3-57754125f304 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-cfbf67b7-6bb5-36cc-93c3-57754125f304 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-cfbf67b7-6bb5-36cc-93c3-57754125f304, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-cfbf67b7-6bb5-36cc-93c3-57754125f304 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-cfbf67b7-6bb5-36cc-93c3-57754125f304:after, .btn-light.btn1-bg-color-cfbf67b7-6bb5-36cc-93c3-57754125f304:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-cfbf67b7-6bb5-36cc-93c3-57754125f304{ color: ; } a.btn-light.btn1-outline-color-cfbf67b7-6bb5-36cc-93c3-57754125f304:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-cfbf67b7-6bb5-36cc-93c3-57754125f304:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-cfbf67b7-6bb5-36cc-93c3-57754125f304:after, .btn-light.btn2-bg-color-cfbf67b7-6bb5-36cc-93c3-57754125f304:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-cfbf67b7-6bb5-36cc-93c3-57754125f304{ color: ; } a.btn-light.btn2-outline-color-cfbf67b7-6bb5-36cc-93c3-57754125f304:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-cfbf67b7-6bb5-36cc-93c3-57754125f304:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-cfbf67b7-6bb5-36cc-93c3-57754125f304{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-cfbf67b7-6bb5-36cc-93c3-57754125f304{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-cfbf67b7-6bb5-36cc-93c3-57754125f304:after, .btn-light.btn1-tablet-bg-color-cfbf67b7-6bb5-36cc-93c3-57754125f304:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-cfbf67b7-6bb5-36cc-93c3-57754125f304{ color: ; } a.btn-light.btn1-tablet-outline-color-cfbf67b7-6bb5-36cc-93c3-57754125f304:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-cfbf67b7-6bb5-36cc-93c3-57754125f304:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-cfbf67b7-6bb5-36cc-93c3-57754125f304:after, .btn-light.btn2-tablet-bg-color-cfbf67b7-6bb5-36cc-93c3-57754125f304:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-cfbf67b7-6bb5-36cc-93c3-57754125f304{ color: ; } a.btn-light.btn2-tablet-outline-color-cfbf67b7-6bb5-36cc-93c3-57754125f304:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-cfbf67b7-6bb5-36cc-93c3-57754125f304:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-cfbf67b7-6bb5-36cc-93c3-57754125f304{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-cfbf67b7-6bb5-36cc-93c3-57754125f304{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-cfbf67b7-6bb5-36cc-93c3-57754125f304:after, .btn-light.btn1-mobile-bg-color-cfbf67b7-6bb5-36cc-93c3-57754125f304:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-cfbf67b7-6bb5-36cc-93c3-57754125f304{ color: ; } a.btn-light.btn1-mobile-outline-color-cfbf67b7-6bb5-36cc-93c3-57754125f304:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-cfbf67b7-6bb5-36cc-93c3-57754125f304:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-cfbf67b7-6bb5-36cc-93c3-57754125f304:after, .btn-light.btn2-mobile-bg-color-cfbf67b7-6bb5-36cc-93c3-57754125f304:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-cfbf67b7-6bb5-36cc-93c3-57754125f304{ color: ; } a.btn-light.btn2-mobile-outline-color-cfbf67b7-6bb5-36cc-93c3-57754125f304:after, a.btn-light.btn2-mobile-outline-color-cfbf67b7-6bb5-36cc-93c3-57754125f304:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-cfbf67b7-6bb5-36cc-93c3-57754125f304:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-cfbf67b7-6bb5-36cc-93c3-57754125f304{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-cfbf67b7-6bb5-36cc-93c3-57754125f304{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-c4804b90-03a3-346f-874c-bd5967fe1e4a { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-c4804b90-03a3-346f-874c-bd5967fe1e4a { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-c4804b90-03a3-346f-874c-bd5967fe1e4a { padding-top: 48px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-c4804b90-03a3-346f-874c-bd5967fe1e4a"></section> </div> </div> </div> </div> </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-d461f128-b511-320c-832c-5e752a8de113 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-d461f128-b511-320c-832c-5e752a8de113:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-d461f128-b511-320c-832c-5e752a8de113 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-d461f128-b511-320c-832c-5e752a8de113:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-d461f128-b511-320c-832c-5e752a8de113 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-d461f128-b511-320c-832c-5e752a8de113:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-d461f128-b511-320c-832c-5e752a8de113 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-d461f128-b511-320c-832c-5e752a8de113" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-aab7b9c0-aa42-3801-a706-e6f549885811 { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-aab7b9c0-aa42-3801-a706-e6f549885811 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-aab7b9c0-aa42-3801-a706-e6f549885811 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-aab7b9c0-aa42-3801-a706-e6f549885811"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="calls" data-analytics-scroll> <div class="rte-container-cee4f919-8b98-30be-a2f9-78beddec812d "> <h2 class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; font-weight: normal; margin: 0;"><i>Calls</i></h2> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-162fcecc-8b44-3ebb-bad4-a8526caf3c64 { padding-top: 16px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-162fcecc-8b44-3ebb-bad4-a8526caf3c64 { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-162fcecc-8b44-3ebb-bad4-a8526caf3c64 { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-162fcecc-8b44-3ebb-bad4-a8526caf3c64"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-4 column-gap-lg-3 column-gap-md-0 column-gap-sm-0 " data-analytics-scroll> <div id="columnContainer_13b5aacc-540f-3198-acc3-dc5a9f6ff608_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_427ea707-23bd-3b25-af66-f674a127abda" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div class="rte-container-046e15b0-151b-3342-8894-cb8b6427ae09 "> <h2 class="headline-2" style="margin: 0;">Your Pill is a speakerphone too.</h2> </div> </section> </div> </div> </div> <div id="columnContainer_13b5aacc-540f-3198-acc3-dc5a9f6ff608_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_6f8c4a70-797c-3f2b-a435-0ad4f824a950" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div class="rte-container-11063cf2-63fe-3b08-98ad-57a5d9f6f0e8 "> <p class="body-large" style="margin: 0;">Take calls and activate your voice assistant right from your paired Beats Pill, all with extended range and fewer dropouts thanks to industry‑leading Class 1 Bluetooth<sup>®</sup> connectivity.</p> </div> </section> </div> </div> </div> </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-3eb11d5a-889b-348e-98b0-59644490c68e { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-3eb11d5a-889b-348e-98b0-59644490c68e:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-3eb11d5a-889b-348e-98b0-59644490c68e .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-3eb11d5a-889b-348e-98b0-59644490c68e:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-3eb11d5a-889b-348e-98b0-59644490c68e .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-3eb11d5a-889b-348e-98b0-59644490c68e:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-3eb11d5a-889b-348e-98b0-59644490c68e .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-3eb11d5a-889b-348e-98b0-59644490c68e" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-e72375d9-82d8-3d9f-a62a-d9e267ba36e3 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-e72375d9-82d8-3d9f-a62a-d9e267ba36e3 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-e72375d9-82d8-3d9f-a62a-d9e267ba36e3 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-e72375d9-82d8-3d9f-a62a-d9e267ba36e3"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-a5a9b310-2580-3274-8c66-ec39b59048e8 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-a5a9b310-2580-3274-8c66-ec39b59048e8 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p16.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p16.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p16.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p16.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p16.jpg.large.2x.jpg 2x" alt="Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column content-md-full content-sm-full hide-lg-up hide-md hide-sm top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-641bd5b5-9e04-3f25-9f67-6f37be65a956 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-641bd5b5-9e04-3f25-9f67-6f37be65a956, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-641bd5b5-9e04-3f25-9f67-6f37be65a956 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-641bd5b5-9e04-3f25-9f67-6f37be65a956 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-641bd5b5-9e04-3f25-9f67-6f37be65a956, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-641bd5b5-9e04-3f25-9f67-6f37be65a956 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-641bd5b5-9e04-3f25-9f67-6f37be65a956:after, .btn-light.btn1-bg-color-641bd5b5-9e04-3f25-9f67-6f37be65a956:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-641bd5b5-9e04-3f25-9f67-6f37be65a956{ color: ; } a.btn-light.btn1-outline-color-641bd5b5-9e04-3f25-9f67-6f37be65a956:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-641bd5b5-9e04-3f25-9f67-6f37be65a956:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-641bd5b5-9e04-3f25-9f67-6f37be65a956:after, .btn-light.btn2-bg-color-641bd5b5-9e04-3f25-9f67-6f37be65a956:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-641bd5b5-9e04-3f25-9f67-6f37be65a956{ color: ; } a.btn-light.btn2-outline-color-641bd5b5-9e04-3f25-9f67-6f37be65a956:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-641bd5b5-9e04-3f25-9f67-6f37be65a956:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-641bd5b5-9e04-3f25-9f67-6f37be65a956{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-641bd5b5-9e04-3f25-9f67-6f37be65a956{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-641bd5b5-9e04-3f25-9f67-6f37be65a956:after, .btn-light.btn1-tablet-bg-color-641bd5b5-9e04-3f25-9f67-6f37be65a956:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-641bd5b5-9e04-3f25-9f67-6f37be65a956{ color: ; } a.btn-light.btn1-tablet-outline-color-641bd5b5-9e04-3f25-9f67-6f37be65a956:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-641bd5b5-9e04-3f25-9f67-6f37be65a956:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-641bd5b5-9e04-3f25-9f67-6f37be65a956:after, .btn-light.btn2-tablet-bg-color-641bd5b5-9e04-3f25-9f67-6f37be65a956:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-641bd5b5-9e04-3f25-9f67-6f37be65a956{ color: ; } a.btn-light.btn2-tablet-outline-color-641bd5b5-9e04-3f25-9f67-6f37be65a956:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-641bd5b5-9e04-3f25-9f67-6f37be65a956:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-641bd5b5-9e04-3f25-9f67-6f37be65a956{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-641bd5b5-9e04-3f25-9f67-6f37be65a956{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-641bd5b5-9e04-3f25-9f67-6f37be65a956:after, .btn-light.btn1-mobile-bg-color-641bd5b5-9e04-3f25-9f67-6f37be65a956:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-641bd5b5-9e04-3f25-9f67-6f37be65a956{ color: ; } a.btn-light.btn1-mobile-outline-color-641bd5b5-9e04-3f25-9f67-6f37be65a956:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-641bd5b5-9e04-3f25-9f67-6f37be65a956:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-641bd5b5-9e04-3f25-9f67-6f37be65a956:after, .btn-light.btn2-mobile-bg-color-641bd5b5-9e04-3f25-9f67-6f37be65a956:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-641bd5b5-9e04-3f25-9f67-6f37be65a956{ color: ; } a.btn-light.btn2-mobile-outline-color-641bd5b5-9e04-3f25-9f67-6f37be65a956:after, a.btn-light.btn2-mobile-outline-color-641bd5b5-9e04-3f25-9f67-6f37be65a956:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-641bd5b5-9e04-3f25-9f67-6f37be65a956:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-641bd5b5-9e04-3f25-9f67-6f37be65a956{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-641bd5b5-9e04-3f25-9f67-6f37be65a956{ color: ; } } </style> <div></div> </div> </div> </div> </div> </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-270913ca-012f-3efe-ba8f-09d917284982 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-270913ca-012f-3efe-ba8f-09d917284982:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-270913ca-012f-3efe-ba8f-09d917284982 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-270913ca-012f-3efe-ba8f-09d917284982:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-270913ca-012f-3efe-ba8f-09d917284982 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-270913ca-012f-3efe-ba8f-09d917284982:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-270913ca-012f-3efe-ba8f-09d917284982 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-270913ca-012f-3efe-ba8f-09d917284982" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-66361d32-bcca-3813-b583-d54c4a1a1f20 { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-66361d32-bcca-3813-b583-d54c4a1a1f20 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-66361d32-bcca-3813-b583-d54c4a1a1f20 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-66361d32-bcca-3813-b583-d54c4a1a1f20"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="play_modes" data-analytics-scroll> <div class="rte-container-60d12d02-f2c5-32cd-8a5e-04e2ab970794 "> <div style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 1rem; text-align: center;"> <h2 class="title-1" style="font-family: classica-pro, 'Times New Roman', Times, serif; margin: 0; font-weight: normal;"><i>Play Modes</i></h2> <h2 class="headline-1">Extra ways to play.</h2> <div style="max-width: 600px; margin: 0 auto;"> <p class="body-large" style="margin: 0;">Time to party?</p> <p class="body-large" style="margin: 0;"><span style="font-weight: normal; font-family: classica-pro, 'Times New Roman', Times, serif;"><i>Amplify Mode</i></span> syncs two Beats Pill speakers for double the audio experience.</p> </div> </div> </div> </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-41fbbe3f-4423-32df-82bd-2db8f6b2c34a { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-41fbbe3f-4423-32df-82bd-2db8f6b2c34a:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-41fbbe3f-4423-32df-82bd-2db8f6b2c34a .outer-container { width: 100%; max-width: 1600px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-41fbbe3f-4423-32df-82bd-2db8f6b2c34a:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-41fbbe3f-4423-32df-82bd-2db8f6b2c34a .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-41fbbe3f-4423-32df-82bd-2db8f6b2c34a:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-41fbbe3f-4423-32df-82bd-2db8f6b2c34a .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-41fbbe3f-4423-32df-82bd-2db8f6b2c34a" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-e5e0671a-0c1c-3b70-9bae-96f0d83fbbb6 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-e5e0671a-0c1c-3b70-9bae-96f0d83fbbb6 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-e5e0671a-0c1c-3b70-9bae-96f0d83fbbb6 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-e5e0671a-0c1c-3b70-9bae-96f0d83fbbb6"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-4b4f6868-4be2-3e27-920b-b69b707b4f39 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-4b4f6868-4be2-3e27-920b-b69b707b4f39 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p17.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p17.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p17.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p17.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p17.jpg.large.2x.jpg 2x" alt="Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-5705b173-f1cb-3607-b609-915e74466f3d { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-5705b173-f1cb-3607-b609-915e74466f3d, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-5705b173-f1cb-3607-b609-915e74466f3d { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-5705b173-f1cb-3607-b609-915e74466f3d { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-5705b173-f1cb-3607-b609-915e74466f3d, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-5705b173-f1cb-3607-b609-915e74466f3d { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-5705b173-f1cb-3607-b609-915e74466f3d:after, .btn-light.btn1-bg-color-5705b173-f1cb-3607-b609-915e74466f3d:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-5705b173-f1cb-3607-b609-915e74466f3d{ color: ; } a.btn-light.btn1-outline-color-5705b173-f1cb-3607-b609-915e74466f3d:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-5705b173-f1cb-3607-b609-915e74466f3d:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-5705b173-f1cb-3607-b609-915e74466f3d:after, .btn-light.btn2-bg-color-5705b173-f1cb-3607-b609-915e74466f3d:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-5705b173-f1cb-3607-b609-915e74466f3d{ color: ; } a.btn-light.btn2-outline-color-5705b173-f1cb-3607-b609-915e74466f3d:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-5705b173-f1cb-3607-b609-915e74466f3d:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-5705b173-f1cb-3607-b609-915e74466f3d{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-5705b173-f1cb-3607-b609-915e74466f3d{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-5705b173-f1cb-3607-b609-915e74466f3d:after, .btn-light.btn1-tablet-bg-color-5705b173-f1cb-3607-b609-915e74466f3d:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-5705b173-f1cb-3607-b609-915e74466f3d{ color: ; } a.btn-light.btn1-tablet-outline-color-5705b173-f1cb-3607-b609-915e74466f3d:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-5705b173-f1cb-3607-b609-915e74466f3d:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-5705b173-f1cb-3607-b609-915e74466f3d:after, .btn-light.btn2-tablet-bg-color-5705b173-f1cb-3607-b609-915e74466f3d:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-5705b173-f1cb-3607-b609-915e74466f3d{ color: ; } a.btn-light.btn2-tablet-outline-color-5705b173-f1cb-3607-b609-915e74466f3d:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-5705b173-f1cb-3607-b609-915e74466f3d:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-5705b173-f1cb-3607-b609-915e74466f3d{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-5705b173-f1cb-3607-b609-915e74466f3d{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-5705b173-f1cb-3607-b609-915e74466f3d:after, .btn-light.btn1-mobile-bg-color-5705b173-f1cb-3607-b609-915e74466f3d:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-5705b173-f1cb-3607-b609-915e74466f3d{ color: ; } a.btn-light.btn1-mobile-outline-color-5705b173-f1cb-3607-b609-915e74466f3d:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-5705b173-f1cb-3607-b609-915e74466f3d:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-5705b173-f1cb-3607-b609-915e74466f3d:after, .btn-light.btn2-mobile-bg-color-5705b173-f1cb-3607-b609-915e74466f3d:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-5705b173-f1cb-3607-b609-915e74466f3d{ color: ; } a.btn-light.btn2-mobile-outline-color-5705b173-f1cb-3607-b609-915e74466f3d:after, a.btn-light.btn2-mobile-outline-color-5705b173-f1cb-3607-b609-915e74466f3d:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-5705b173-f1cb-3607-b609-915e74466f3d:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-5705b173-f1cb-3607-b609-915e74466f3d{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-5705b173-f1cb-3607-b609-915e74466f3d{ color: ; } } </style> <div></div> </div> </div> </div> </div> </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-d6985ef1-92e3-35ef-bde7-1501d993b4c9 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-d6985ef1-92e3-35ef-bde7-1501d993b4c9:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-d6985ef1-92e3-35ef-bde7-1501d993b4c9 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-d6985ef1-92e3-35ef-bde7-1501d993b4c9:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-d6985ef1-92e3-35ef-bde7-1501d993b4c9 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-d6985ef1-92e3-35ef-bde7-1501d993b4c9:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-d6985ef1-92e3-35ef-bde7-1501d993b4c9 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-d6985ef1-92e3-35ef-bde7-1501d993b4c9" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-ac13519c-089d-39db-8d01-9be7e0f4c729 { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-ac13519c-089d-39db-8d01-9be7e0f4c729 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-ac13519c-089d-39db-8d01-9be7e0f4c729 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-ac13519c-089d-39db-8d01-9be7e0f4c729"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="surround_sound" data-analytics-scroll> <div class="rte-container-ab67752d-e47e-376e-a4f8-cea99929d11c "> <div style="text-align: center;"> <div style="max-width: 600px; margin: 0 auto;"> <p class="body-large" style="margin-bottom: 0;">Want a surround sound feel?</p> <p class="body-large" style="margin-top: 0;"><span style="font-weight: normal; font-family: classica-pro, 'Times New Roman', Times, serif;"><i>Stereo Mode</i></span> splits audio between two Beats Pill speakers for dedicated left/right output.</p> </div> </div> </div> </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-c397a700-cab1-3720-a259-1655fd0389b4 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-c397a700-cab1-3720-a259-1655fd0389b4:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-c397a700-cab1-3720-a259-1655fd0389b4 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-c397a700-cab1-3720-a259-1655fd0389b4:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-c397a700-cab1-3720-a259-1655fd0389b4 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-c397a700-cab1-3720-a259-1655fd0389b4:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-c397a700-cab1-3720-a259-1655fd0389b4 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-c397a700-cab1-3720-a259-1655fd0389b4" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-87dd290c-4703-3c06-9c06-8879c42e285d { padding-top: 30px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-87dd290c-4703-3c06-9c06-8879c42e285d { padding-top: 20px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-87dd290c-4703-3c06-9c06-8879c42e285d { padding-top: 20px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-87dd290c-4703-3c06-9c06-8879c42e285d"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-f8544b26-e77f-3704-a6f4-c248084954a0 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-f8544b26-e77f-3704-a6f4-c248084954a0 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p18.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p18.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p18.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p18.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p18.jpg.large.2x.jpg 2x" alt="Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column content-md-full content-sm-full hide-lg-up hide-md hide-sm top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed:after, .btn-light.btn1-bg-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed{ color: ; } a.btn-light.btn1-outline-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed:after, .btn-light.btn2-bg-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed{ color: ; } a.btn-light.btn2-outline-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed:after, .btn-light.btn1-tablet-bg-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed{ color: ; } a.btn-light.btn1-tablet-outline-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed:after, .btn-light.btn2-tablet-bg-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed{ color: ; } a.btn-light.btn2-tablet-outline-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed:after, .btn-light.btn1-mobile-bg-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed{ color: ; } a.btn-light.btn1-mobile-outline-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed:after, .btn-light.btn2-mobile-bg-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed{ color: ; } a.btn-light.btn2-mobile-outline-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed:after, a.btn-light.btn2-mobile-outline-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-48249e8c-5aa2-34c9-869a-4c3c5d7da0ed{ color: ; } } </style> <div></div> </div> </div> </div> </div> </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-5520b7c0-4e87-31bd-a202-91c86517c8f6 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-5520b7c0-4e87-31bd-a202-91c86517c8f6:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-5520b7c0-4e87-31bd-a202-91c86517c8f6 .outer-container { width: 91.66666%; max-width: 1100px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-5520b7c0-4e87-31bd-a202-91c86517c8f6:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-5520b7c0-4e87-31bd-a202-91c86517c8f6 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-5520b7c0-4e87-31bd-a202-91c86517c8f6:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-5520b7c0-4e87-31bd-a202-91c86517c8f6 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-5520b7c0-4e87-31bd-a202-91c86517c8f6" data-analytics-module="bg_container" data-analytics-region="in_the_box" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-7798b48f-81f6-3fb3-81fa-0b7db5df8ccf { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-7798b48f-81f6-3fb3-81fa-0b7db5df8ccf { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-7798b48f-81f6-3fb3-81fa-0b7db5df8ccf { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-7798b48f-81f6-3fb3-81fa-0b7db5df8ccf"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-4 column-gap-lg-0 column-gap-md-0 column-gap-sm-0 " data-analytics-scroll> <div id="columnContainer_5db5a85a-909d-310f-8dd4-2b0d4af30ecf_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_b4cf897e-f8b6-365b-a8b9-e84b20f24614" class="column-item v-align-lg-middle v-align-md-top v-align-sm-top h-align-lg-left h-align-md-center h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="in_the_box"> <div class="rte-container-9931f49b-9bcc-39ba-a49f-c224c135a39a "> <div class="body-large" style="display: grid; grid-template-rows: repeat(3, auto); row-gap: 1rem;"> <h2 class="headline-1">In the box</h2> <ul style="list-style-position: inside; margin: 0;"> <li style="margin: 4px;">Beats Pill wireless Bluetooth<sup style="font-size: 50%;">®</sup> speaker</li> <li style="margin: 4px;">Removable carry lanyard</li> <li style="margin: 4px;">USB‑C to USB‑C cable</li> <li style="margin: 4px;">Quick Start Guide</li> <li style="margin: 4px;">Warranty card</li> </ul> (USB‑C power adapter sold separately) </div> </div> </section> </div> </div> </div> <div id="columnContainer_5db5a85a-909d-310f-8dd4-2b0d4af30ecf_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_ab6ad54d-49f8-3733-a519-1fd93f27e7bc" class="column-item v-align-lg-middle v-align-md-top v-align-sm-top h-align-lg-left h-align-md-center h-align-sm-left " style="background :"> <div class="imageAndText"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-8b2de3ab-cc58-3bf9-a633-0d14b8019b43 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-8b2de3ab-cc58-3bf9-a633-0d14b8019b43 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p19.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p19.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p19.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p19.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-pdp-p19.jpg.large.2x.jpg 2x" alt="Beats Pill" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-center-wrapper"> <div class="hero-copy top-center"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50:after, .btn-light.btn1-bg-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50{ color: ; } a.btn-light.btn1-outline-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50:after, .btn-light.btn2-bg-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50{ color: ; } a.btn-light.btn2-outline-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-62001a81-4f90-3b25-8285-f5d3bc0f7f50{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-62001a81-4f90-3b25-8285-f5d3bc0f7f50{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50:after, .btn-light.btn1-tablet-bg-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50{ color: ; } a.btn-light.btn1-tablet-outline-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50:after, .btn-light.btn2-tablet-bg-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50{ color: ; } a.btn-light.btn2-tablet-outline-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-62001a81-4f90-3b25-8285-f5d3bc0f7f50{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-62001a81-4f90-3b25-8285-f5d3bc0f7f50{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50:after, .btn-light.btn1-mobile-bg-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50{ color: ; } a.btn-light.btn1-mobile-outline-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50:after, .btn-light.btn2-mobile-bg-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50{ color: ; } a.btn-light.btn2-mobile-outline-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50:after, a.btn-light.btn2-mobile-outline-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-62001a81-4f90-3b25-8285-f5d3bc0f7f50:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-62001a81-4f90-3b25-8285-f5d3bc0f7f50{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-62001a81-4f90-3b25-8285-f5d3bc0f7f50{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </div></div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-0e97ebe2-c8a9-39fb-9990-20359f4f2d20 { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-0e97ebe2-c8a9-39fb-9990-20359f4f2d20 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-0e97ebe2-c8a9-39fb-9990-20359f4f2d20 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-0e97ebe2-c8a9-39fb-9990-20359f4f2d20"></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-0f5a4a7a-124d-3cc1-98b5-3349ba007c3c { background: EFEDE9; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-0f5a4a7a-124d-3cc1-98b5-3349ba007c3c:not(.bg-color-match-enabled) { background: EFEDE9; } .bbd-full-width-container.id-0f5a4a7a-124d-3cc1-98b5-3349ba007c3c .outer-container { width: 100%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-0f5a4a7a-124d-3cc1-98b5-3349ba007c3c:not(.bg-color-match-enabled) { background: EFEDE9; } .bbd-full-width-container.id-0f5a4a7a-124d-3cc1-98b5-3349ba007c3c .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-0f5a4a7a-124d-3cc1-98b5-3349ba007c3c:not(.bg-color-match-enabled) { background: EFEDE9; } .bbd-full-width-container.id-0f5a4a7a-124d-3cc1-98b5-3349ba007c3c .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-0f5a4a7a-124d-3cc1-98b5-3349ba007c3c" data-desktop-bg-color="EFEDE9"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-a5c1098f-3c96-3791-82b7-4ebe6f60c2db { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-a5c1098f-3c96-3791-82b7-4ebe6f60c2db { padding-top: 0px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-a5c1098f-3c96-3791-82b7-4ebe6f60c2db { padding-top: 0px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-a5c1098f-3c96-3791-82b7-4ebe6f60c2db"></section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-dabf9da3-8016-3d19-99c5-1222fcf5d08a { background: #FAFAFA; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-dabf9da3-8016-3d19-99c5-1222fcf5d08a:not(.bg-color-match-enabled) { background: #FAFAFA; } .bbd-full-width-container.id-dabf9da3-8016-3d19-99c5-1222fcf5d08a .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-dabf9da3-8016-3d19-99c5-1222fcf5d08a:not(.bg-color-match-enabled) { background: #FAFAFA; } .bbd-full-width-container.id-dabf9da3-8016-3d19-99c5-1222fcf5d08a .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-dabf9da3-8016-3d19-99c5-1222fcf5d08a:not(.bg-color-match-enabled) { background: #FAFAFA; } .bbd-full-width-container.id-dabf9da3-8016-3d19-99c5-1222fcf5d08a .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-dabf9da3-8016-3d19-99c5-1222fcf5d08a" data-desktop-bg-color="#FAFAFA"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-e37bf543-11c1-3c81-86bf-f3fb5d38416b { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-e37bf543-11c1-3c81-86bf-f3fb5d38416b { padding-top: 50px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-e37bf543-11c1-3c81-86bf-f3fb5d38416b { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-e37bf543-11c1-3c81-86bf-f3fb5d38416b"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-4 column-gap-lg-9 column-gap-md-0 column-gap-sm-0 row-reverse-md row-reverse-sm" data-analytics-scroll> <div id="columnContainer_4e4d41f1-ba58-3ee9-9a8d-e13350191bd0_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_b959338c-6abc-3dc0-b3d3-fbab313134b8" class="column-item v-align-lg-middle v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="imageAndText"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for FullWidth Config */ .bbd-img-text-component.id-fb2a66d5-05f1-3fee-a5c3-a73360c8ddbf .content-wrapper .transition-content-wrapper .hero-copy { max-width: 55%; } } </style> <section class="bbd-component transition bbd-img-text-component id-fb2a66d5-05f1-3fee-a5c3-a73360c8ddbf " data-analytics-scroll data-full-module data-analytics-module="media_and_text" data-analytics-region="apple_music" data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-am.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-am.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-am.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-am.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/speakers/beats-pill/pdp/beats-pill-am.jpg.large.2x.jpg 2x" alt="Apple Music" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-7d700573-9103-321e-92f6-01a5fb62bfaf { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-7d700573-9103-321e-92f6-01a5fb62bfaf, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-7d700573-9103-321e-92f6-01a5fb62bfaf { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-7d700573-9103-321e-92f6-01a5fb62bfaf { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-7d700573-9103-321e-92f6-01a5fb62bfaf, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-7d700573-9103-321e-92f6-01a5fb62bfaf { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-7d700573-9103-321e-92f6-01a5fb62bfaf:after, .btn-light.btn1-bg-color-7d700573-9103-321e-92f6-01a5fb62bfaf:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-7d700573-9103-321e-92f6-01a5fb62bfaf{ color: ; } a.btn-light.btn1-outline-color-7d700573-9103-321e-92f6-01a5fb62bfaf:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-7d700573-9103-321e-92f6-01a5fb62bfaf:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-7d700573-9103-321e-92f6-01a5fb62bfaf:after, .btn-light.btn2-bg-color-7d700573-9103-321e-92f6-01a5fb62bfaf:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-7d700573-9103-321e-92f6-01a5fb62bfaf{ color: ; } a.btn-light.btn2-outline-color-7d700573-9103-321e-92f6-01a5fb62bfaf:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-7d700573-9103-321e-92f6-01a5fb62bfaf:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-7d700573-9103-321e-92f6-01a5fb62bfaf{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-7d700573-9103-321e-92f6-01a5fb62bfaf{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-7d700573-9103-321e-92f6-01a5fb62bfaf:after, .btn-light.btn1-tablet-bg-color-7d700573-9103-321e-92f6-01a5fb62bfaf:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-7d700573-9103-321e-92f6-01a5fb62bfaf{ color: ; } a.btn-light.btn1-tablet-outline-color-7d700573-9103-321e-92f6-01a5fb62bfaf:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-7d700573-9103-321e-92f6-01a5fb62bfaf:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-7d700573-9103-321e-92f6-01a5fb62bfaf:after, .btn-light.btn2-tablet-bg-color-7d700573-9103-321e-92f6-01a5fb62bfaf:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-7d700573-9103-321e-92f6-01a5fb62bfaf{ color: ; } a.btn-light.btn2-tablet-outline-color-7d700573-9103-321e-92f6-01a5fb62bfaf:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-7d700573-9103-321e-92f6-01a5fb62bfaf:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-7d700573-9103-321e-92f6-01a5fb62bfaf{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-7d700573-9103-321e-92f6-01a5fb62bfaf{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-7d700573-9103-321e-92f6-01a5fb62bfaf:after, .btn-light.btn1-mobile-bg-color-7d700573-9103-321e-92f6-01a5fb62bfaf:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-7d700573-9103-321e-92f6-01a5fb62bfaf{ color: ; } a.btn-light.btn1-mobile-outline-color-7d700573-9103-321e-92f6-01a5fb62bfaf:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-7d700573-9103-321e-92f6-01a5fb62bfaf:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-7d700573-9103-321e-92f6-01a5fb62bfaf:after, .btn-light.btn2-mobile-bg-color-7d700573-9103-321e-92f6-01a5fb62bfaf:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-7d700573-9103-321e-92f6-01a5fb62bfaf{ color: ; } a.btn-light.btn2-mobile-outline-color-7d700573-9103-321e-92f6-01a5fb62bfaf:after, a.btn-light.btn2-mobile-outline-color-7d700573-9103-321e-92f6-01a5fb62bfaf:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-7d700573-9103-321e-92f6-01a5fb62bfaf:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-7d700573-9103-321e-92f6-01a5fb62bfaf{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-7d700573-9103-321e-92f6-01a5fb62bfaf{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> <div id="columnContainer_4e4d41f1-ba58-3ee9-9a8d-e13350191bd0_1" class="sm-12 md-12 lg-6 "> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { #columnWrapper_ac45c8fb-882e-3e06-b366-47eb7398294f{ padding: 0 8.33333%; } } @media screen and (max-width: 767px) { #columnWrapper_ac45c8fb-882e-3e06-b366-47eb7398294f{ padding: 0 8.33333%; } } </style> <div id="columnWrapper_ac45c8fb-882e-3e06-b366-47eb7398294f" class="column-item v-align-lg-middle v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="apple_music"> <div class="rte-container-08658e49-bf23-3945-b03d-7ef4416d938d beatsRTE-desktoptext "> <div style="display: grid; grid-template-rows: repeat(4, auto); row-gap: 1.5rem;"> <picture class="tempClasstoTestParser"> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/common/brand/apple-music-logo.png.small.2x.png"> <source media="(max-width: 1023px)" srcset="/content/dam/beats/web/common/brand/apple-music-logo.png.medium.2x.png"> <img src="/content/dam/beats/web/common/brand/apple-music-logo.png.large.2x.png" width="90"> </picture> <h2 style="margin: 0;"><span class="headline-2" style="color: #161616;">3 Months of Free Music For Your Beats<sup data-footnote="apple-music"></sup></span></h2> <p style="margin: 0;"><span class="body-large" style="color: #161616;">Beats and Apple Music were made for each other.</span></p> <p style="margin: 0;"><span class="body-large" style="color: #161616;">New subscribers can redeem a 3‑month offer to start listening to over 100 million songs, ad‑free.</span></p> </div> </div> <div class="rte-container-08658e49-bf23-3945-b03d-7ef4416d938d beatsRTE-tablettext "> <div style="display: grid; grid-template-rows: repeat(4, auto); row-gap: 1.5rem; text-align: center;"> <picture class="tempClasstoTestParser"> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/common/brand/apple-music-logo.png.small.2x.png"> <source media="(max-width: 1023px)" srcset="/content/dam/beats/web/common/brand/apple-music-logo.png.medium.2x.png"> <img src="/content/dam/beats/web/common/brand/apple-music-logo.png.large.2x.png" width="90" style="margin: 0 auto;"> </picture> <h2 style="margin: 0;"><span class="headline-2" style="color: #161616;">3 Months of Free Music For Your Beats<sup data-footnote="apple-music"></sup></span></h2> <p style="margin: 0;"><span class="body-large" style="color: #161616;">Beats and Apple Music were made for each other.</span></p> <p style="margin: 0;"><span class="body-large" style="color: #161616;">New subscribers can redeem a 3‑month offer to start listening to over 100 million songs, ad‑free.</span></p> </div> </div> <div class="rte-container-08658e49-bf23-3945-b03d-7ef4416d938d beatsRTE-mobiletext "> <div style="display: grid; grid-template-rows: repeat(4, auto); row-gap: 1.5rem; text-align: center;"> <picture class="tempClasstoTestParser"> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/common/brand/apple-music-logo.png.small.2x.png"> <source media="(max-width: 1023px)" srcset="/content/dam/beats/web/common/brand/apple-music-logo.png.medium.2x.png"> <img src="/content/dam/beats/web/common/brand/apple-music-logo.png.large.2x.png" width="90" style="margin: 0 auto;"> </picture> <h2 style="margin: 0;"><span class="headline-2" style="color: #161616;">3 Months of Free Music For Your Beats<sup data-footnote="apple-music"></sup></span></h2> <p style="margin: 0;"><span class="body-large" style="color: #161616;">Beats and Apple Music were made for each other.</span></p> <p style="margin: 0;"><span class="body-large" style="color: #161616;">New subscribers can redeem a 3‑month offer to start listening to over 100 million songs, ad‑free.</span></p> </div> </div> </section> </div> </div> </div> </div></div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-2eb66a22-f16c-39a3-b322-857c4dfa3535 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-2eb66a22-f16c-39a3-b322-857c4dfa3535 { padding-top: 0px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-2eb66a22-f16c-39a3-b322-857c4dfa3535 { padding-top: 0px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-2eb66a22-f16c-39a3-b322-857c4dfa3535"></section> </div> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="ghost section"> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-7d067aab-6167-3ed1-b4c1-70f367b003bd { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-7d067aab-6167-3ed1-b4c1-70f367b003bd { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-7d067aab-6167-3ed1-b4c1-70f367b003bd { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-7d067aab-6167-3ed1-b4c1-70f367b003bd"></section> </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}}'; footnotes = JSON.parse(footnotes); </script> </section>  <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"> <nav class='breadcrumbs' aria-label='breadcrumbs' role='navigation' data-analytics-module="breadcrumb" data-analytics-region="footer"> <ol class='breadcrumbs-list'> <li class='breadcrumbs-item first-item'><a class="home breadcrumbs-home body-small" aria-label="Beats Home" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="home" href="/"> <img data-lazy="" data-src="/content/dam/beats/global/logos/beats-logo-161616.png" alt="Beats Home" aria-hidden="true" src="/content/dam/beats/global/logos/beats-logo-161616.png"/> </a><i class="fa fa-chevron-right notranslate" aria-hidden="true"></i></li> <li class='breadcrumbs-item'><a class="body-small" data-analytics-click="" data-analytics-label="speakers" data-analytics-link-type="siteClick" href="/products#speakers">Speakers</a> <i class="fa fa-chevron-right notranslate" aria-hidden="true"></i></li> <li class='breadcrumbs-item'><span class="body-small">Beats Pill</span></li> </ol> </nav>  <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 & 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">  <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\u002Dpdp_v2'; 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'; window.productPathname = '/speakers/beats-pill' var pageTrackData = '{\x22content\x22:{\x22pageName\x22:\x22beatsbydre|en|speakers|beats\u002Dpill\x22,\x22siteSection\x22:\x22\x22,\x22siteSectionSub1\x22:\x22\x22,\x22siteSectionSub2\x22:\x22\x22,\x22siteSectionSub3\x22:\x22\x22,\x22siteName\x22:\x22Beatsbydre\u002DUS\x22,\x22pageType\x22:\x22\x22,\x22contentType\x22:\x22\x22,\x22language\x22:\x22en\x22,\x22country\x22:\x22US\x22,\x22contentCategories\x22:\x22\x22}}'; var basePageTitle = 'Latest Beats Pill - Kim Kardashian - Portable Bluetooth Wireless Speaker'; 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>  </body> </html>

CINXE.COM

Latest Beats Pill - Kim Kardashian - Portable Bluetooth Wireless Speaker