Latest Beats Pill - Portable Bluetooth Wireless Speaker

<!doctype html> <meta charset="utf-8"/> <html id="html" class=" " lang="en-CA"> <head> <meta name="viewport" content="width=device-width, initial-scale=1"/> <title>Latest Beats Pill - 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/ca/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 - Portable Bluetooth Wireless Speaker"/> <meta property="og:description" content="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."/> <meta property="og:locale" content="en_CA"/> <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 - Portable Bluetooth Wireless Speaker"/> <meta name="twitter:description" content="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."/> <meta name="robots" content="follow,index"/> <meta name="description" content="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."/> <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/ca/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/ca/speakers/beats-pill", "mainEntityOfPage": "https://www.beatsbydre.com/ca/speakers/beats-pill", "color": "", "mpn": "MW443LL/A", "sku": "MW443LL/A", "offers": { "@type": "offer", "priceCurrency": "CAD", "price": "199.95", "itemCondition": "https://schema.org/NewCondition", "availability": "https://schema.org/InStock", "url": "https://www.apple.com/ca/shop/product/MW443LL/A", "shippingDetails": { "@type": "OfferShippingDetails", "shippingRate": { "@type": "MonetaryAmount", "value": "0", "currency": "CAD" } } }, "brand": { "@id": "https://www.beatsbydre.com/ca/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/ca"},{"@type":"ListItem","position":2,"name":"Speakers","item":"https://www.beatsbydre.com/ca/products/speakers"},{"@type":"ListItem","position":3,"name":"Beats Pill","item":"https://www.beatsbydre.com/ca/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="Global" 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="/ca/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="Support (Mobile)" class="nav-link" href="/ca/support">Support</a> </li> <li role="presentation" class="main-nav__item">  <div class="featureMenuCard"> <style> .mobile-tile, .mobile-tile:hover, .mobile-tile:visited { background: #EBE9E2; color: #161616 !important; } .mobile-tile .eyebrow{ color: #E31837 } </style> <a data-analytics-click data-analytics-module="feature-menu-card" data-analytics-region="Powerbeats Pro 2 - 4 product image" data-analytics-link-type="siteClick" data-analytics-label="Shop Now - Powerbeats Pro 2" class="mobile-tile" href="/ca/earbuds/powerbeats-pro-2"> <img src="/content/dam/beats/web/home/mobile-nav-card/powerbeatspro2-mobile-nav.jpg" alt="Powerbeats Pro 2 available in 4 colors "/> <div class="mobile-tile__content"> <span class="eyebrow">NEW</span> <h3 class="headline-4"> Powerbeats Pro 2 </h3> <div class="body-small"> The ultimate earbuds for athletes. Now featuring Heart Rate Monitoring for workouts. </div> <strong class="mobile-tile__content__cta"> SHOP NOW <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="Press to navigate to homepage" href="/ca"> <img data-resp-exclude src="/content/dam/beats/global/logos/beats-logo-161616.png" aria-hidden="true" alt=""/> </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="/ca/products">Shop</a> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Support (Desktop)" class="nav-link" href="/ca/support">Support</a> </li> </ul> <div class="main-nav__search"> <button class="search__trigger__external" type="button" aria-label="Search" aria-haspopup="true"> <i class="fa-sharp fa-solid fa-magnifying-glass"></i> </button> </div> </nav> </header> <div id="search-el" data-trigger-visible="false"></div> </div> <div class="header-spacer" aria-hidden="true"></div> </section> <div> <style> .promobar { background-color: #161616; } </style> <section class="promobar promobar--light" data-analytics-module="promo-bar" data-analytics-region="promo-bar-primary"> <div class="promobar__single-container"> <div class='promo-item '> <div class="rte-container"> <div class='show-desktop'> <p><p><a href="https://www.apple.com/ca/shop/shipping-pickup" target="_blank" data-analytics-click="true" data-analytics-link-type="cta" data-analytics-label="delivery-fast-free" data-aria-label-prefix="Fast and free delivery - Learn More">Fast and free delivery<i class="fa fa-external-link" style="vertical-align: middle;margin-left: 0.33em;"></i></a></p> </p> </div> <div class='show-tablet'> <p><p><a href="https://www.apple.com/ca/shop/shipping-pickup" target="_blank" data-analytics-click="true" data-analytics-link-type="cta" data-analytics-label="delivery-fast-free" data-aria-label-prefix="Fast and free delivery - Learn More">Fast and free delivery<i class="fa fa-external-link" style="vertical-align: middle;margin-left: 0.33em;"></i></a></p> </p> </div> <div class='show-mobile'> <p><p><a href="https://www.apple.com/ca/shop/shipping-pickup" target="_blank" data-analytics-click="true" data-analytics-link-type="cta" data-analytics-label="delivery-fast-free" data-aria-label-prefix="Fast and free delivery - Learn More">Fast and free delivery<i class="fa fa-external-link" style="vertical-align: middle;margin-left: 0.33em;"></i></a></p> </p> </div> </div> </div> </div> </section> </div> </div> <div class="ghost"> </div> </div> </div>  <div class="bs3"> <div id="bs3-pdp" role="main"> <h1 class="a11y">Latest Beats Pill - Portable Bluetooth Wireless Speaker</h1> <div><div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-75c45da4-e2e8-31f3-afd5-2ea17dd83285 { background: #fff; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-75c45da4-e2e8-31f3-afd5-2ea17dd83285:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-75c45da4-e2e8-31f3-afd5-2ea17dd83285 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-75c45da4-e2e8-31f3-afd5-2ea17dd83285:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-75c45da4-e2e8-31f3-afd5-2ea17dd83285 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-75c45da4-e2e8-31f3-afd5-2ea17dd83285:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-75c45da4-e2e8-31f3-afd5-2ea17dd83285 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-75c45da4-e2e8-31f3-afd5-2ea17dd83285" data-desktop-bg-color="#fff" id="BGContainer-075b2dfa-d966-3b54-8f5b-16206f1a61ff"> <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-06f704cb-dade-30be-9a54-d21649934751 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-06f704cb-dade-30be-9a54-d21649934751:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-06f704cb-dade-30be-9a54-d21649934751 .outer-container { width: 91.66666%; max-width: 1320px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-06f704cb-dade-30be-9a54-d21649934751:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-06f704cb-dade-30be-9a54-d21649934751 .outer-container { width: 91.66666%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-06f704cb-dade-30be-9a54-d21649934751:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-06f704cb-dade-30be-9a54-d21649934751 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-06f704cb-dade-30be-9a54-d21649934751" 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-8b5f421f-dc61-3580-85f5-de6e5ab77c8b { padding-top: 50px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-8b5f421f-dc61-3580-85f5-de6e5ab77c8b { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-8b5f421f-dc61-3580-85f5-de6e5ab77c8b { padding-top: 10px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-8b5f421f-dc61-3580-85f5-de6e5ab77c8b"></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>$199.95<\/span>\x22,\x22originalPrice\x22:\x22$199.95\x22,\x22numericPrice\x22:\x22199.95\x22,\x22aosUrl\x22:\x22https:\/\/www.apple.com\/ca\/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 — Matt 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_CA?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><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;1<\/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><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;2<\/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><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;4<\/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>$199.95<\/span>\x22,\x22originalPrice\x22:\x22$199.95\x22,\x22numericPrice\x22:\x22199.95\x22,\x22aosUrl\x22:\x22https:\/\/www.apple.com\/ca\/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_CA?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**\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><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;1<\/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><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;2<\/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><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;4<\/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>$199.95<\/span>\x22,\x22originalPrice\x22:\x22$199.95\x22,\x22numericPrice\x22:\x22199.95\x22,\x22aosUrl\x22:\x22https:\/\/www.apple.com\/ca\/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_CA?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**\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><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;1<\/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><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;2<\/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><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;4<\/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>$199.95<\/span>\x22,\x22originalPrice\x22:\x22$199.95\x22,\x22numericPrice\x22:\x22199.95\x22,\x22aosUrl\x22:\x22https:\/\/www.apple.com\/ca\/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 Grey\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_CA?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**\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><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;1<\/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><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;2<\/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>$199.95<\/span>\x22,\x22originalPrice\x22:\x22$199.95\x22,\x22numericPrice\x22:\x22199.95\x22,\x22aosUrl\x22:\x22https:\/\/www.apple.com\/ca\/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 Grey\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_CA?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**\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><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;1<\/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><span class=\\\x22visuallyhidden\\\x22>footnote<\/span>\x26#8288;2<\/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 — Matt Black" data-selected-productfamily="Speakers" data-selected-subfamily="Beats Pill" data-selected-color="Matte Black" data-selected-price="$199.95"/> <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">$199.95</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_CA" 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_CA" 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>Fast and Free Delivery</span></h2> <p class="value-prop__description"> Enjoy fast and free shipping on all in-stock items.</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/returns_alt.png"/> </span> <div> <h2 class="value-prop__title"> <span style="text-transform: capitalize;">Easy Returns</span></h2> <p class="value-prop__description"> Return eligible items to Apple within 15 days of receipt.</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></span></span></h2> <p class="value-prop__description"> Get 3 months of access to over 100 million songs, ad-free.*</p> </div></li> </ul> </div> </div> </div> </div> </div> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-d4da5d2c-ccc9-366c-a77f-372c2a9105dd { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-d4da5d2c-ccc9-366c-a77f-372c2a9105dd { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-d4da5d2c-ccc9-366c-a77f-372c2a9105dd { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-d4da5d2c-ccc9-366c-a77f-372c2a9105dd"></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-f99501ac-587a-3395-b508-453e012523e8 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-f99501ac-587a-3395-b508-453e012523e8:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-f99501ac-587a-3395-b508-453e012523e8 .outer-container { width: 91.66666%; max-width: 1200px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-f99501ac-587a-3395-b508-453e012523e8:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-f99501ac-587a-3395-b508-453e012523e8 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-f99501ac-587a-3395-b508-453e012523e8:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-f99501ac-587a-3395-b508-453e012523e8 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-f99501ac-587a-3395-b508-453e012523e8" data-desktop-bg-color="transparent" id="BGContainer-2fd4270d-2d21-398d-bca4-19a338155ca3"> <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 id="RTE-30f2e1cd-db8a-3bfd-892d-8cfaf8442cc8" class="rte-container-06784955-b794-3df6-8b0a-50b753bd02d7 "> <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-5294e8c6-91cf-3742-bd41-7c11e3c83b3b { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-5294e8c6-91cf-3742-bd41-7c11e3c83b3b { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-5294e8c6-91cf-3742-bd41-7c11e3c83b3b { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-5294e8c6-91cf-3742-bd41-7c11e3c83b3b"></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-16174139-f702-3ab9-8190-bb114a9caf4a 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-fbdb8fb3-bb8b-37f1-b27e-8b9a7bd9324a 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"><h3 class="body-medium">Up to 24 Hours of Battery Life⁠<sup><span class="visuallyhidden">footnote</span>⁠⁠1</sup></h3></div> <div class="show-tablet content-item__description"><h3 class="body-medium">Up to 24 Hours of Battery Life⁠<sup><span class="visuallyhidden">footnote</span>⁠⁠1</sup></h3></div> <div class="show-mobile content-item__description"><h3 class="body-medium">Up to 24 Hours of Battery Life⁠<sup><span class="visuallyhidden">footnote</span>⁠⁠1</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-34954691-7dc7-37a8-a9aa-dcfba3a7cb3c 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><span class="visuallyhidden">footnote⁠</span>⁠⁠⁠2</sup></h3></div> <div class="show-tablet content-item__description"><h3 class="body-medium">IP67 Dust and Water Resistance⁠<sup><span class="visuallyhidden">footnote⁠</span>⁠⁠⁠2</sup></h3></div> <div class="show-mobile content-item__description"><h3 class="body-medium">IP67 Dust and Water Resistance⁠<sup><span class="visuallyhidden">footnote⁠</span>⁠⁠⁠2</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-14dbc665-9c67-3fa6-b2e8-3dabc38a54a4 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-e552f39e-db31-38fb-a533-6fdc56e6b6f0 { background: #fff; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-e552f39e-db31-38fb-a533-6fdc56e6b6f0:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-e552f39e-db31-38fb-a533-6fdc56e6b6f0 .outer-container { width: 91.66666%; max-width: 1306px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-e552f39e-db31-38fb-a533-6fdc56e6b6f0:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-e552f39e-db31-38fb-a533-6fdc56e6b6f0 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-e552f39e-db31-38fb-a533-6fdc56e6b6f0:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-e552f39e-db31-38fb-a533-6fdc56e6b6f0 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-e552f39e-db31-38fb-a533-6fdc56e6b6f0" 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-f4a6dda8-eb91-3471-9d36-89d543d6aa77 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-f4a6dda8-eb91-3471-9d36-89d543d6aa77 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-f4a6dda8-eb91-3471-9d36-89d543d6aa77 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-f4a6dda8-eb91-3471-9d36-89d543d6aa77"></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 id="RTE-8b66d58e-04fe-345b-9d8a-d6aed5468cf5" class="rte-container-f3ab72ca-15cf-33d1-93b9-fbab0f67cee9 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><span class="visuallyhidden">footnote</span>⁠3</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><span class="visuallyhidden">footnote</span>⁠3</sup></li> <li style="margin: 0 0 10px 6%; list-style-position: outside;">High-resolution lossless audio via USB‑C cable<sup><span class="visuallyhidden">footnote</span>⁠4</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><span class="visuallyhidden">footnote⁠</span>⁠5</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><span class="visuallyhidden">footnote</span>⁠1</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><span class="visuallyhidden">footnote</span>⁠6</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><span class="visuallyhidden">footnote</span>⁠7</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-fb6dc565-5816-3a2d-9908-70a390c07d88 { background: linear-gradient(to bottom, transparent 50%, #EFEDE9 0%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-fb6dc565-5816-3a2d-9908-70a390c07d88:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 50%, #EFEDE9 0%); } .bbd-full-width-container.id-fb6dc565-5816-3a2d-9908-70a390c07d88 .outer-container { width: 91.66666%; max-width: 1136px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-fb6dc565-5816-3a2d-9908-70a390c07d88:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 50%, #EFEDE9 0%); } .bbd-full-width-container.id-fb6dc565-5816-3a2d-9908-70a390c07d88 .outer-container { width: 91.66666%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-fb6dc565-5816-3a2d-9908-70a390c07d88:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 50%, #EFEDE9 0%); } .bbd-full-width-container.id-fb6dc565-5816-3a2d-9908-70a390c07d88 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-fb6dc565-5816-3a2d-9908-70a390c07d88" 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-d170af48-c7cb-3cb3-ada5-bdb629a64af6 { padding-top: 45px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-d170af48-c7cb-3cb3-ada5-bdb629a64af6 { padding-top: 35px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-d170af48-c7cb-3cb3-ada5-bdb629a64af6 { padding-top: 45px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-d170af48-c7cb-3cb3-ada5-bdb629a64af6"></section> </div> <div class="mediaCarousel section"> <style type="text/css"> .media-carousel.media-carousel-916a9fc4-6933-357f-89dc-be8816e7eb64 .media-carousel__transcript-link { color: #161616; } @media screen and (max-width: 767px) { .media-carousel.media-carousel-916a9fc4-6933-357f-89dc-be8816e7eb64 .dots .dot.active { } .media-carousel.media-carousel-916a9fc4-6933-357f-89dc-be8816e7eb64 .dots .dot:not(.active) { } } .media-carousel.media-carousel-916a9fc4-6933-357f-89dc-be8816e7eb64 .media-carousel__control:not(:disabled) i { } @media (hover: hover) and (pointer: fine) { .media-carousel.media-carousel-916a9fc4-6933-357f-89dc-be8816e7eb64 .dot:hover:before { } } @media screen and (min-width: 768px) { .media-carousel.media-carousel-916a9fc4-6933-357f-89dc-be8816e7eb64 ul.dots .dot.active:before { } } .media-carousel.media-carousel-916a9fc4-6933-357f-89dc-be8816e7eb64 .media-carousel__control:disabled i { } @media screen and (min-width: 768px) { .media-carousel.media-carousel-916a9fc4-6933-357f-89dc-be8816e7eb64 .media-carousel__navigation__container { background-color: none; } } </style> <div class="bbd-component media-carousel media-carousel-916a9fc4-6933-357f-89dc-be8816e7eb64" 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="916a9fc4-6933-357f-89dc-be8816e7eb64_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="916a9fc4-6933-357f-89dc-be8816e7eb64_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="916a9fc4-6933-357f-89dc-be8816e7eb64_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="916a9fc4-6933-357f-89dc-be8816e7eb64_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="916a9fc4-6933-357f-89dc-be8816e7eb64_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="916a9fc4-6933-357f-89dc-be8816e7eb64_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"> <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" data-video-length="167"> <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"> <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" data-video-length="121"> <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"> <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" data-video-length="113"> <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-56054cd2-72d4-363d-a601-f3f0a6926bd1 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-56054cd2-72d4-363d-a601-f3f0a6926bd1:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-56054cd2-72d4-363d-a601-f3f0a6926bd1 .outer-container { width: 100%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-56054cd2-72d4-363d-a601-f3f0a6926bd1:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-56054cd2-72d4-363d-a601-f3f0a6926bd1 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-56054cd2-72d4-363d-a601-f3f0a6926bd1:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-56054cd2-72d4-363d-a601-f3f0a6926bd1 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-56054cd2-72d4-363d-a601-f3f0a6926bd1" data-desktop-bg-color="transparent" id="BGContainer-e28f98e8-4894-3c15-9010-f3db0b1e68c3"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-56e9bfde-443e-394f-9e0e-127d54657152 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-56e9bfde-443e-394f-9e0e-127d54657152 { padding-top: 45px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-56e9bfde-443e-394f-9e0e-127d54657152 { padding-top: 45px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-56e9bfde-443e-394f-9e0e-127d54657152"></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-609f4aca-98f7-3e4c-ae06-3c42db847a43 " 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-825b873a-a28c-3bb2-b8f8-e526a37be5ae { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae { 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-825b873a-a28c-3bb2-b8f8-e526a37be5ae { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae:after, .btn-light.btn1-bg-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae{ color: ; } a.btn-light.btn1-outline-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae: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-825b873a-a28c-3bb2-b8f8-e526a37be5ae:after, .btn-light.btn2-bg-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae{ color: ; } a.btn-light.btn2-outline-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae: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-825b873a-a28c-3bb2-b8f8-e526a37be5ae{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-825b873a-a28c-3bb2-b8f8-e526a37be5ae{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae:after, .btn-light.btn1-tablet-bg-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae{ color: ; } a.btn-light.btn1-tablet-outline-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae: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-825b873a-a28c-3bb2-b8f8-e526a37be5ae: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-825b873a-a28c-3bb2-b8f8-e526a37be5ae:after, .btn-light.btn2-tablet-bg-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae{ color: ; } a.btn-light.btn2-tablet-outline-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae: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-825b873a-a28c-3bb2-b8f8-e526a37be5ae: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-825b873a-a28c-3bb2-b8f8-e526a37be5ae{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-825b873a-a28c-3bb2-b8f8-e526a37be5ae{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae:after, .btn-light.btn1-mobile-bg-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae{ color: ; } a.btn-light.btn1-mobile-outline-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae: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-825b873a-a28c-3bb2-b8f8-e526a37be5ae: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-825b873a-a28c-3bb2-b8f8-e526a37be5ae:after, .btn-light.btn2-mobile-bg-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae{ color: ; } a.btn-light.btn2-mobile-outline-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae:after, a.btn-light.btn2-mobile-outline-color-825b873a-a28c-3bb2-b8f8-e526a37be5ae: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-825b873a-a28c-3bb2-b8f8-e526a37be5ae: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-825b873a-a28c-3bb2-b8f8-e526a37be5ae{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-825b873a-a28c-3bb2-b8f8-e526a37be5ae{ 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-eacee2a2-a229-3c50-aa63-898ffbf09b8b { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-eacee2a2-a229-3c50-aa63-898ffbf09b8b:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-eacee2a2-a229-3c50-aa63-898ffbf09b8b .outer-container { width: 91.66666%; max-width: 922px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-eacee2a2-a229-3c50-aa63-898ffbf09b8b:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-eacee2a2-a229-3c50-aa63-898ffbf09b8b .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-eacee2a2-a229-3c50-aa63-898ffbf09b8b:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-eacee2a2-a229-3c50-aa63-898ffbf09b8b .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-eacee2a2-a229-3c50-aa63-898ffbf09b8b" data-desktop-bg-color="transparent" id="BGContainer-28101f05-7cd5-31c9-9867-485886379df7"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-b7bae3d5-7e80-31b5-89d1-e55822dd9062 { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-b7bae3d5-7e80-31b5-89d1-e55822dd9062 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-b7bae3d5-7e80-31b5-89d1-e55822dd9062 { padding-top: 80px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-b7bae3d5-7e80-31b5-89d1-e55822dd9062"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-scroll> <div id="RTE-5e1cbc56-7c65-37f3-a764-aca57f0c4fac" class="rte-container-82e68b74-4b5f-3204-8453-c13380d81d70 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><span class="visuallyhidden">footnote⁠</span>3</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><span class="visuallyhidden">footnote</span>⁠1</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 id="RTE-5e1cbc56-7c65-37f3-a764-aca57f0c4fac" class="rte-container-82e68b74-4b5f-3204-8453-c13380d81d70 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><span class="visuallyhidden">footnote⁠</span>3</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><span class="visuallyhidden">footnote</span>⁠1</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 id="RTE-5e1cbc56-7c65-37f3-a764-aca57f0c4fac" class="rte-container-82e68b74-4b5f-3204-8453-c13380d81d70 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><span class="visuallyhidden">footnote⁠</span>3</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><span class="visuallyhidden">footnote</span>⁠1</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-a3fc11bd-fd35-3eaa-a944-2eb2ea9875bf { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-a3fc11bd-fd35-3eaa-a944-2eb2ea9875bf:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-a3fc11bd-fd35-3eaa-a944-2eb2ea9875bf .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-a3fc11bd-fd35-3eaa-a944-2eb2ea9875bf:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-a3fc11bd-fd35-3eaa-a944-2eb2ea9875bf .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-a3fc11bd-fd35-3eaa-a944-2eb2ea9875bf:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-a3fc11bd-fd35-3eaa-a944-2eb2ea9875bf .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-a3fc11bd-fd35-3eaa-a944-2eb2ea9875bf" data-desktop-bg-color="transparent" id="BGContainer-4828bf14-e401-3ea0-9043-d78cb6b48215"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-ce248919-f5f2-39db-9b8f-df4922cc0c42 { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-ce248919-f5f2-39db-9b8f-df4922cc0c42 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-ce248919-f5f2-39db-9b8f-df4922cc0c42 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-ce248919-f5f2-39db-9b8f-df4922cc0c42"></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-e3934544-ec3f-3c30-b9d9-9ffe486902f0 " 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-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd { 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-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd:after, .btn-light.btn1-bg-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd{ color: ; } a.btn-light.btn1-outline-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd: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-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd:after, .btn-light.btn2-bg-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd{ color: ; } a.btn-light.btn2-outline-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd: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-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd:after, .btn-light.btn1-tablet-bg-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd{ color: ; } a.btn-light.btn1-tablet-outline-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd: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-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd: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-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd:after, .btn-light.btn2-tablet-bg-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd{ color: ; } a.btn-light.btn2-tablet-outline-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd: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-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd: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-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd:after, .btn-light.btn1-mobile-bg-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd{ color: ; } a.btn-light.btn1-mobile-outline-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd: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-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd: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-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd:after, .btn-light.btn2-mobile-bg-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd{ color: ; } a.btn-light.btn2-mobile-outline-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd:after, a.btn-light.btn2-mobile-outline-color-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd: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-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd: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-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-cc3dbacc-e32c-31e1-9db1-560e7c02c4cd{ 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-cba8aacd-df95-3e8e-a77c-85cd71551f72 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-cba8aacd-df95-3e8e-a77c-85cd71551f72:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-cba8aacd-df95-3e8e-a77c-85cd71551f72 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-cba8aacd-df95-3e8e-a77c-85cd71551f72:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-cba8aacd-df95-3e8e-a77c-85cd71551f72 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-cba8aacd-df95-3e8e-a77c-85cd71551f72:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-cba8aacd-df95-3e8e-a77c-85cd71551f72 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-cba8aacd-df95-3e8e-a77c-85cd71551f72" data-desktop-bg-color="transparent" id="BGContainer-5a4c0eae-b121-38bb-961c-df2369295f2c"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-4eb02a26-1993-3a61-a600-6851605de2a3 { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-4eb02a26-1993-3a61-a600-6851605de2a3 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-4eb02a26-1993-3a61-a600-6851605de2a3 { padding-top: 48px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-4eb02a26-1993-3a61-a600-6851605de2a3"></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 id="RTE-6962cca4-0f04-32f9-9e11-47f929cefa45" class="rte-container-3974de1a-8b93-36fc-9328-01b1c844011e "> <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><span class="visuallyhidden">footnote</span>⁠3</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><span class="visuallyhidden">footnote⁠⁠</span>⁠3</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-c23bcb2b-4136-3bda-969f-3362cd2f6086 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-c23bcb2b-4136-3bda-969f-3362cd2f6086:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-c23bcb2b-4136-3bda-969f-3362cd2f6086 .outer-container { width: 91.66666%; max-width: 1100px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-c23bcb2b-4136-3bda-969f-3362cd2f6086:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-c23bcb2b-4136-3bda-969f-3362cd2f6086 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-c23bcb2b-4136-3bda-969f-3362cd2f6086:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-c23bcb2b-4136-3bda-969f-3362cd2f6086 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-c23bcb2b-4136-3bda-969f-3362cd2f6086" data-desktop-bg-color="transparent" id="BGContainer-8d63515e-9ad5-3ab6-8748-2495b0f56291"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-6c74c28a-0eb9-37ac-9cc8-b4e70c5def14 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-6c74c28a-0eb9-37ac-9cc8-b4e70c5def14 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-6c74c28a-0eb9-37ac-9cc8-b4e70c5def14 { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-6c74c28a-0eb9-37ac-9cc8-b4e70c5def14"></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-12fe0e60-19d4-3031-9992-0f434b0b6dd9 " 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-4ed7cc40-ecf1-3226-bf11-bb4b700dce98 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98 { 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-4ed7cc40-ecf1-3226-bf11-bb4b700dce98 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98:after, .btn-light.btn1-bg-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98{ color: ; } a.btn-light.btn1-outline-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98: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-4ed7cc40-ecf1-3226-bf11-bb4b700dce98:after, .btn-light.btn2-bg-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98{ color: ; } a.btn-light.btn2-outline-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98: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-4ed7cc40-ecf1-3226-bf11-bb4b700dce98{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-4ed7cc40-ecf1-3226-bf11-bb4b700dce98{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98:after, .btn-light.btn1-tablet-bg-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98{ color: ; } a.btn-light.btn1-tablet-outline-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98: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-4ed7cc40-ecf1-3226-bf11-bb4b700dce98: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-4ed7cc40-ecf1-3226-bf11-bb4b700dce98:after, .btn-light.btn2-tablet-bg-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98{ color: ; } a.btn-light.btn2-tablet-outline-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98: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-4ed7cc40-ecf1-3226-bf11-bb4b700dce98: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-4ed7cc40-ecf1-3226-bf11-bb4b700dce98{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-4ed7cc40-ecf1-3226-bf11-bb4b700dce98{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98:after, .btn-light.btn1-mobile-bg-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98{ color: ; } a.btn-light.btn1-mobile-outline-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98: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-4ed7cc40-ecf1-3226-bf11-bb4b700dce98: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-4ed7cc40-ecf1-3226-bf11-bb4b700dce98:after, .btn-light.btn2-mobile-bg-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98{ color: ; } a.btn-light.btn2-mobile-outline-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98:after, a.btn-light.btn2-mobile-outline-color-4ed7cc40-ecf1-3226-bf11-bb4b700dce98: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-4ed7cc40-ecf1-3226-bf11-bb4b700dce98: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-4ed7cc40-ecf1-3226-bf11-bb4b700dce98{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-4ed7cc40-ecf1-3226-bf11-bb4b700dce98{ 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-0bb7782a-e514-3836-840d-70fe69cf76ca { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-0bb7782a-e514-3836-840d-70fe69cf76ca:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-0bb7782a-e514-3836-840d-70fe69cf76ca .outer-container { width: 100%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-0bb7782a-e514-3836-840d-70fe69cf76ca:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-0bb7782a-e514-3836-840d-70fe69cf76ca .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-0bb7782a-e514-3836-840d-70fe69cf76ca:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-0bb7782a-e514-3836-840d-70fe69cf76ca .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-0bb7782a-e514-3836-840d-70fe69cf76ca" data-desktop-bg-color="transparent" id="BGContainer-06553681-4173-3b4b-a52f-39b99cb5474d"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-65a33ff1-4912-3590-905e-f9b6376b9f18 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-65a33ff1-4912-3590-905e-f9b6376b9f18 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-65a33ff1-4912-3590-905e-f9b6376b9f18 { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-65a33ff1-4912-3590-905e-f9b6376b9f18"></section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-839ed548-d328-3cfe-8610-0601bfb33702 { background: #101010; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-839ed548-d328-3cfe-8610-0601bfb33702:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-839ed548-d328-3cfe-8610-0601bfb33702 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-839ed548-d328-3cfe-8610-0601bfb33702:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-839ed548-d328-3cfe-8610-0601bfb33702 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-839ed548-d328-3cfe-8610-0601bfb33702:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-839ed548-d328-3cfe-8610-0601bfb33702 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-839ed548-d328-3cfe-8610-0601bfb33702" data-desktop-bg-color="#101010" id="BGContainer-61cd786e-15ee-3027-aaad-ffc37d85f5a3"> <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-2c6f3de8-1289-3921-8b56-e69c42aaab12 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 100%; } } </style> <section class="bbd-component transition bbd-img-text-component id-2c6f3de8-1289-3921-8b56-e69c42aaab12 " 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" data-video-length="3"> <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><span class="visuallyhidden">footnote</span>⁠3</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><span class="visuallyhidden">footnote</span>⁠3</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><span class="visuallyhidden">footnote</span>⁠3</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-df6842b6-6e56-3242-a3c7-108d656b1070 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-df6842b6-6e56-3242-a3c7-108d656b1070, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-df6842b6-6e56-3242-a3c7-108d656b1070 { 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-df6842b6-6e56-3242-a3c7-108d656b1070 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-df6842b6-6e56-3242-a3c7-108d656b1070, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-df6842b6-6e56-3242-a3c7-108d656b1070 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-df6842b6-6e56-3242-a3c7-108d656b1070:after, .btn-light.btn1-bg-color-df6842b6-6e56-3242-a3c7-108d656b1070:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-df6842b6-6e56-3242-a3c7-108d656b1070{ color: ; } a.btn-light.btn1-outline-color-df6842b6-6e56-3242-a3c7-108d656b1070:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-df6842b6-6e56-3242-a3c7-108d656b1070: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-df6842b6-6e56-3242-a3c7-108d656b1070:after, .btn-light.btn2-bg-color-df6842b6-6e56-3242-a3c7-108d656b1070:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-df6842b6-6e56-3242-a3c7-108d656b1070{ color: ; } a.btn-light.btn2-outline-color-df6842b6-6e56-3242-a3c7-108d656b1070:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-df6842b6-6e56-3242-a3c7-108d656b1070: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-df6842b6-6e56-3242-a3c7-108d656b1070{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-df6842b6-6e56-3242-a3c7-108d656b1070{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-df6842b6-6e56-3242-a3c7-108d656b1070:after, .btn-light.btn1-tablet-bg-color-df6842b6-6e56-3242-a3c7-108d656b1070:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-df6842b6-6e56-3242-a3c7-108d656b1070{ color: ; } a.btn-light.btn1-tablet-outline-color-df6842b6-6e56-3242-a3c7-108d656b1070: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-df6842b6-6e56-3242-a3c7-108d656b1070: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-df6842b6-6e56-3242-a3c7-108d656b1070:after, .btn-light.btn2-tablet-bg-color-df6842b6-6e56-3242-a3c7-108d656b1070:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-df6842b6-6e56-3242-a3c7-108d656b1070{ color: ; } a.btn-light.btn2-tablet-outline-color-df6842b6-6e56-3242-a3c7-108d656b1070: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-df6842b6-6e56-3242-a3c7-108d656b1070: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-df6842b6-6e56-3242-a3c7-108d656b1070{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-df6842b6-6e56-3242-a3c7-108d656b1070{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-df6842b6-6e56-3242-a3c7-108d656b1070:after, .btn-light.btn1-mobile-bg-color-df6842b6-6e56-3242-a3c7-108d656b1070:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-df6842b6-6e56-3242-a3c7-108d656b1070{ color: ; } a.btn-light.btn1-mobile-outline-color-df6842b6-6e56-3242-a3c7-108d656b1070: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-df6842b6-6e56-3242-a3c7-108d656b1070: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-df6842b6-6e56-3242-a3c7-108d656b1070:after, .btn-light.btn2-mobile-bg-color-df6842b6-6e56-3242-a3c7-108d656b1070:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-df6842b6-6e56-3242-a3c7-108d656b1070{ color: ; } a.btn-light.btn2-mobile-outline-color-df6842b6-6e56-3242-a3c7-108d656b1070:after, a.btn-light.btn2-mobile-outline-color-df6842b6-6e56-3242-a3c7-108d656b1070: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-df6842b6-6e56-3242-a3c7-108d656b1070: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-df6842b6-6e56-3242-a3c7-108d656b1070{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-df6842b6-6e56-3242-a3c7-108d656b1070{ 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-d8531914-1895-32f6-a108-b976ae6533f7 { background: #101010; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-d8531914-1895-32f6-a108-b976ae6533f7:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-d8531914-1895-32f6-a108-b976ae6533f7 .outer-container { width: 91.66666%; max-width: 925px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-d8531914-1895-32f6-a108-b976ae6533f7:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-d8531914-1895-32f6-a108-b976ae6533f7 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-d8531914-1895-32f6-a108-b976ae6533f7:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-d8531914-1895-32f6-a108-b976ae6533f7 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-d8531914-1895-32f6-a108-b976ae6533f7" data-desktop-bg-color="#101010" id="BGContainer-73d586d5-0978-36ce-a635-3719ae444784"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-1eeadc25-07b1-3d74-9291-7816a4628133 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-1eeadc25-07b1-3d74-9291-7816a4628133 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-1eeadc25-07b1-3d74-9291-7816a4628133 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-1eeadc25-07b1-3d74-9291-7816a4628133"></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 id="RTE-13fb637b-a865-34e5-be73-775239c66650" class="rte-container-9edd94bb-ebb5-373c-8698-83ce3d08366e "> <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><span class="visuallyhidden">footnote</span>⁠3</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-0fbe0f92-99d9-3f59-82bc-92bfb053dff1 { background: #101010; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-0fbe0f92-99d9-3f59-82bc-92bfb053dff1:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-0fbe0f92-99d9-3f59-82bc-92bfb053dff1 .outer-container { width: 91.66666%; max-width: 1000px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-0fbe0f92-99d9-3f59-82bc-92bfb053dff1:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-0fbe0f92-99d9-3f59-82bc-92bfb053dff1 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-0fbe0f92-99d9-3f59-82bc-92bfb053dff1:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-0fbe0f92-99d9-3f59-82bc-92bfb053dff1 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-0fbe0f92-99d9-3f59-82bc-92bfb053dff1" data-desktop-bg-color="#101010" id="BGContainer-f32adece-9335-3906-9b72-0867a5d66b61"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-4e0a5cef-987b-3522-a5de-8cd2db0a84d3 { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-4e0a5cef-987b-3522-a5de-8cd2db0a84d3 { padding-top: 80px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-4e0a5cef-987b-3522-a5de-8cd2db0a84d3 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-4e0a5cef-987b-3522-a5de-8cd2db0a84d3"></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_40b2ebd3-af03-3335-8c6c-26441ae3bb08_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_fc21162e-9300-3c2e-9afb-5926b92194e6" 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-e5fe03e0-7a9a-3b06-a7fc-44515b9938b6 " 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-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e { 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-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e:after, .btn-light.btn1-bg-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e{ color: ; } a.btn-light.btn1-outline-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e: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-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e:after, .btn-light.btn2-bg-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e{ color: ; } a.btn-light.btn2-outline-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e: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-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e:after, .btn-light.btn1-tablet-bg-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e{ color: ; } a.btn-light.btn1-tablet-outline-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e: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-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e: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-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e:after, .btn-light.btn2-tablet-bg-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e{ color: ; } a.btn-light.btn2-tablet-outline-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e: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-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e: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-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e:after, .btn-light.btn1-mobile-bg-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e{ color: ; } a.btn-light.btn1-mobile-outline-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e: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-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e: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-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e:after, .btn-light.btn2-mobile-bg-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e{ color: ; } a.btn-light.btn2-mobile-outline-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e:after, a.btn-light.btn2-mobile-outline-color-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e: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-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e: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-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-cd95b9e4-b4c1-34eb-94b2-89d4f59e6b4e{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> <div id="columnContainer_40b2ebd3-af03-3335-8c6c-26441ae3bb08_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_7332afc8-e00a-3f10-8392-fef36a544917" 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 id="RTE-a0cd0fe7-d293-3bc3-b82f-10c512b8016a" class="rte-container-50e62677-9d07-3087-a611-e96005f07846 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 id="RTE-a0cd0fe7-d293-3bc3-b82f-10c512b8016a" class="rte-container-50e62677-9d07-3087-a611-e96005f07846 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 id="RTE-a0cd0fe7-d293-3bc3-b82f-10c512b8016a" class="rte-container-50e62677-9d07-3087-a611-e96005f07846 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-aeb612ef-1a04-38fe-9923-d8ce1928248c { background: linear-gradient(to bottom, #101010 59%, transparent 0%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-aeb612ef-1a04-38fe-9923-d8ce1928248c:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #101010 59%, transparent 0%); } .bbd-full-width-container.id-aeb612ef-1a04-38fe-9923-d8ce1928248c .outer-container { width: 91.66666%; max-width: 1200px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-aeb612ef-1a04-38fe-9923-d8ce1928248c:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #101010 50%, transparent 0%); } .bbd-full-width-container.id-aeb612ef-1a04-38fe-9923-d8ce1928248c .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-aeb612ef-1a04-38fe-9923-d8ce1928248c:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #101010 50%, transparent 0%); } .bbd-full-width-container.id-aeb612ef-1a04-38fe-9923-d8ce1928248c .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-aeb612ef-1a04-38fe-9923-d8ce1928248c" data-desktop-bg-color="linear-gradient(to bottom, #101010 59%, transparent 0%)" id="BGContainer-f77f2df5-e68e-30c3-b019-ea19ef805fbf"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-fc0dd614-cca4-3bcc-8e08-67fa51ff90f8 { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-fc0dd614-cca4-3bcc-8e08-67fa51ff90f8 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-fc0dd614-cca4-3bcc-8e08-67fa51ff90f8 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-fc0dd614-cca4-3bcc-8e08-67fa51ff90f8"></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-aeb612ef-1a04-38fe-9923-d8ce1928248c { max-width: inherit; background: transparent; } .bbd-full-width-container.id-aeb612ef-1a04-38fe-9923-d8ce1928248c .outer-container { width: 100%; max-width: 100%; margin: 0 auto; } .bbd-full-width-container.id-aeb612ef-1a04-38fe-9923-d8ce1928248c .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-aeb612ef-1a04-38fe-9923-d8ce1928248c .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-aeb612ef-1a04-38fe-9923-d8ce1928248c .bbd-img-text-component[data-full-module] .content-wrapper .transition-content-wrapper{ width:100%; background: transparent; } .bbd-full-width-container.id-aeb612ef-1a04-38fe-9923-d8ce1928248c .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-aeb612ef-1a04-38fe-9923-d8ce1928248c { max-width: inherit; background: transparent; } .bbd-full-width-container.id-aeb612ef-1a04-38fe-9923-d8ce1928248c .outer-container { width: 100%; max-width: 100%; margin: 0 auto; } .bbd-full-width-container.id-aeb612ef-1a04-38fe-9923-d8ce1928248c .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-aeb612ef-1a04-38fe-9923-d8ce1928248c .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-aeb612ef-1a04-38fe-9923-d8ce1928248c .bbd-img-text-component[data-full-module] .content-wrapper .transition-content-wrapper { width: 100%; background: transparent; } .bbd-full-width-container.id-aeb612ef-1a04-38fe-9923-d8ce1928248c .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-e71167c3-5bfc-30cf-aca7-02a3b071f573 " 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-38d40b25-60bc-35ad-b46f-ff1d9ad73154 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154 { 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-38d40b25-60bc-35ad-b46f-ff1d9ad73154 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154:after, .btn-light.btn1-bg-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154{ color: ; } a.btn-light.btn1-outline-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154: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-38d40b25-60bc-35ad-b46f-ff1d9ad73154:after, .btn-light.btn2-bg-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154{ color: ; } a.btn-light.btn2-outline-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154: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-38d40b25-60bc-35ad-b46f-ff1d9ad73154{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-38d40b25-60bc-35ad-b46f-ff1d9ad73154{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154:after, .btn-light.btn1-tablet-bg-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154{ color: ; } a.btn-light.btn1-tablet-outline-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154: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-38d40b25-60bc-35ad-b46f-ff1d9ad73154: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-38d40b25-60bc-35ad-b46f-ff1d9ad73154:after, .btn-light.btn2-tablet-bg-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154{ color: ; } a.btn-light.btn2-tablet-outline-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154: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-38d40b25-60bc-35ad-b46f-ff1d9ad73154: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-38d40b25-60bc-35ad-b46f-ff1d9ad73154{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-38d40b25-60bc-35ad-b46f-ff1d9ad73154{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154:after, .btn-light.btn1-mobile-bg-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154{ color: ; } a.btn-light.btn1-mobile-outline-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154: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-38d40b25-60bc-35ad-b46f-ff1d9ad73154: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-38d40b25-60bc-35ad-b46f-ff1d9ad73154:after, .btn-light.btn2-mobile-bg-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154{ color: ; } a.btn-light.btn2-mobile-outline-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154:after, a.btn-light.btn2-mobile-outline-color-38d40b25-60bc-35ad-b46f-ff1d9ad73154: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-38d40b25-60bc-35ad-b46f-ff1d9ad73154: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-38d40b25-60bc-35ad-b46f-ff1d9ad73154{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-38d40b25-60bc-35ad-b46f-ff1d9ad73154{ 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-6c1857db-c39c-31d6-92eb-c303d04989c8 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-6c1857db-c39c-31d6-92eb-c303d04989c8:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-6c1857db-c39c-31d6-92eb-c303d04989c8 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-6c1857db-c39c-31d6-92eb-c303d04989c8:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-6c1857db-c39c-31d6-92eb-c303d04989c8 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-6c1857db-c39c-31d6-92eb-c303d04989c8:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-6c1857db-c39c-31d6-92eb-c303d04989c8 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-6c1857db-c39c-31d6-92eb-c303d04989c8" data-desktop-bg-color="transparent" id="BGContainer-b07a5cb6-0407-3878-b5e0-825cc75d35ae"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-239f94fe-303f-301a-ae9f-889abca54e01 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-239f94fe-303f-301a-ae9f-889abca54e01 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-239f94fe-303f-301a-ae9f-889abca54e01 { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-239f94fe-303f-301a-ae9f-889abca54e01"></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 id="RTE-61f244d3-cb86-3808-b034-d6081561ed42" class="rte-container-4b90e28b-44da-3b77-9481-a3fa95e19865 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><span class="visuallyhidden">footnote</span>⁠3</sup></p> </div> </div> </div> <div id="RTE-61f244d3-cb86-3808-b034-d6081561ed42" class="rte-container-4b90e28b-44da-3b77-9481-a3fa95e19865 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><span class="visuallyhidden">footnote</span>⁠3</sup></p> </div> </div> </div> <div id="RTE-61f244d3-cb86-3808-b034-d6081561ed42" class="rte-container-4b90e28b-44da-3b77-9481-a3fa95e19865 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><span class="visuallyhidden">footnote</span>⁠3</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-8412c0dc-ccf5-3598-af57-2f051b851076 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-8412c0dc-ccf5-3598-af57-2f051b851076:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-8412c0dc-ccf5-3598-af57-2f051b851076 .outer-container { width: 91.66666%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-8412c0dc-ccf5-3598-af57-2f051b851076:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-8412c0dc-ccf5-3598-af57-2f051b851076 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-8412c0dc-ccf5-3598-af57-2f051b851076:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-8412c0dc-ccf5-3598-af57-2f051b851076 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-8412c0dc-ccf5-3598-af57-2f051b851076" data-desktop-bg-color="transparent" id="BGContainer-b95cab7d-e642-3359-9b3c-f99ada502c4e"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-4c5518a0-3577-3713-9f98-ab6d6b356409 { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-4c5518a0-3577-3713-9f98-ab6d6b356409 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-4c5518a0-3577-3713-9f98-ab6d6b356409 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-4c5518a0-3577-3713-9f98-ab6d6b356409"></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-47794e2b-eb32-3792-93b4-551c1d628959 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-47794e2b-eb32-3792-93b4-551c1d628959 " 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-6f011a73-1510-388c-b53a-aab73177c786 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-6f011a73-1510-388c-b53a-aab73177c786, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-6f011a73-1510-388c-b53a-aab73177c786 { 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-6f011a73-1510-388c-b53a-aab73177c786 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-6f011a73-1510-388c-b53a-aab73177c786, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-6f011a73-1510-388c-b53a-aab73177c786 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-6f011a73-1510-388c-b53a-aab73177c786:after, .btn-light.btn1-bg-color-6f011a73-1510-388c-b53a-aab73177c786:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-6f011a73-1510-388c-b53a-aab73177c786{ color: ; } a.btn-light.btn1-outline-color-6f011a73-1510-388c-b53a-aab73177c786:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-6f011a73-1510-388c-b53a-aab73177c786: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-6f011a73-1510-388c-b53a-aab73177c786:after, .btn-light.btn2-bg-color-6f011a73-1510-388c-b53a-aab73177c786:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-6f011a73-1510-388c-b53a-aab73177c786{ color: ; } a.btn-light.btn2-outline-color-6f011a73-1510-388c-b53a-aab73177c786:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-6f011a73-1510-388c-b53a-aab73177c786: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-6f011a73-1510-388c-b53a-aab73177c786{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-6f011a73-1510-388c-b53a-aab73177c786{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-6f011a73-1510-388c-b53a-aab73177c786:after, .btn-light.btn1-tablet-bg-color-6f011a73-1510-388c-b53a-aab73177c786:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-6f011a73-1510-388c-b53a-aab73177c786{ color: ; } a.btn-light.btn1-tablet-outline-color-6f011a73-1510-388c-b53a-aab73177c786: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-6f011a73-1510-388c-b53a-aab73177c786: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-6f011a73-1510-388c-b53a-aab73177c786:after, .btn-light.btn2-tablet-bg-color-6f011a73-1510-388c-b53a-aab73177c786:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-6f011a73-1510-388c-b53a-aab73177c786{ color: ; } a.btn-light.btn2-tablet-outline-color-6f011a73-1510-388c-b53a-aab73177c786: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-6f011a73-1510-388c-b53a-aab73177c786: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-6f011a73-1510-388c-b53a-aab73177c786{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-6f011a73-1510-388c-b53a-aab73177c786{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-6f011a73-1510-388c-b53a-aab73177c786:after, .btn-light.btn1-mobile-bg-color-6f011a73-1510-388c-b53a-aab73177c786:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-6f011a73-1510-388c-b53a-aab73177c786{ color: ; } a.btn-light.btn1-mobile-outline-color-6f011a73-1510-388c-b53a-aab73177c786: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-6f011a73-1510-388c-b53a-aab73177c786: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-6f011a73-1510-388c-b53a-aab73177c786:after, .btn-light.btn2-mobile-bg-color-6f011a73-1510-388c-b53a-aab73177c786:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-6f011a73-1510-388c-b53a-aab73177c786{ color: ; } a.btn-light.btn2-mobile-outline-color-6f011a73-1510-388c-b53a-aab73177c786:after, a.btn-light.btn2-mobile-outline-color-6f011a73-1510-388c-b53a-aab73177c786: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-6f011a73-1510-388c-b53a-aab73177c786: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-6f011a73-1510-388c-b53a-aab73177c786{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-6f011a73-1510-388c-b53a-aab73177c786{ 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-38865a6f-b68e-378b-babb-8aab3df09ef0 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-38865a6f-b68e-378b-babb-8aab3df09ef0:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-38865a6f-b68e-378b-babb-8aab3df09ef0 .outer-container { width: 91.66666%; max-width: 908px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-38865a6f-b68e-378b-babb-8aab3df09ef0:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-38865a6f-b68e-378b-babb-8aab3df09ef0 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-38865a6f-b68e-378b-babb-8aab3df09ef0:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-38865a6f-b68e-378b-babb-8aab3df09ef0 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-38865a6f-b68e-378b-babb-8aab3df09ef0" data-desktop-bg-color="transparent" id="BGContainer-abc46fdb-2c93-3378-ad1b-a44a7225163f"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-383ee820-3d44-3f3e-ba46-97279890f2ac { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-383ee820-3d44-3f3e-ba46-97279890f2ac { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-383ee820-3d44-3f3e-ba46-97279890f2ac { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-383ee820-3d44-3f3e-ba46-97279890f2ac"></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 id="RTE-517c2ad8-178b-300b-a01f-ac8598a68743" class="rte-container-5900c47a-fbba-385b-a1fc-d14d5e161d59 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><span class="visuallyhidden">footnote</span>⁠⁠2</sup></p> </div> </div> <div id="RTE-517c2ad8-178b-300b-a01f-ac8598a68743" class="rte-container-5900c47a-fbba-385b-a1fc-d14d5e161d59 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><span class="visuallyhidden">footnote</span>⁠⁠2</sup></p> </div> </div> <div id="RTE-517c2ad8-178b-300b-a01f-ac8598a68743" class="rte-container-5900c47a-fbba-385b-a1fc-d14d5e161d59 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><span class="visuallyhidden">footnote</span>⁠⁠2</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-be1684d0-b3f3-3d64-8fed-17f04fa15660 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-be1684d0-b3f3-3d64-8fed-17f04fa15660:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-be1684d0-b3f3-3d64-8fed-17f04fa15660 .outer-container { width: 100%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-be1684d0-b3f3-3d64-8fed-17f04fa15660:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-be1684d0-b3f3-3d64-8fed-17f04fa15660 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-be1684d0-b3f3-3d64-8fed-17f04fa15660:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-be1684d0-b3f3-3d64-8fed-17f04fa15660 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-be1684d0-b3f3-3d64-8fed-17f04fa15660" data-desktop-bg-color="transparent" id="BGContainer-8e8edd9c-eca8-3fee-8e04-f7bfd3f01f77"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-d7c8f8a5-7578-3d72-b033-9d7608a357c7 { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-d7c8f8a5-7578-3d72-b033-9d7608a357c7 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-d7c8f8a5-7578-3d72-b033-9d7608a357c7 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-d7c8f8a5-7578-3d72-b033-9d7608a357c7"></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-ac1c22b4-1888-3c1d-b403-4145eec24bbc .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-ac1c22b4-1888-3c1d-b403-4145eec24bbc " 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-ba84b1d7-2843-3e85-b437-78b46aa87f6c { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c { 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-ba84b1d7-2843-3e85-b437-78b46aa87f6c { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c:after, .btn-light.btn1-bg-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c{ color: ; } a.btn-light.btn1-outline-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c: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-ba84b1d7-2843-3e85-b437-78b46aa87f6c:after, .btn-light.btn2-bg-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c{ color: ; } a.btn-light.btn2-outline-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c: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-ba84b1d7-2843-3e85-b437-78b46aa87f6c{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-ba84b1d7-2843-3e85-b437-78b46aa87f6c{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c:after, .btn-light.btn1-tablet-bg-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c{ color: ; } a.btn-light.btn1-tablet-outline-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c: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-ba84b1d7-2843-3e85-b437-78b46aa87f6c: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-ba84b1d7-2843-3e85-b437-78b46aa87f6c:after, .btn-light.btn2-tablet-bg-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c{ color: ; } a.btn-light.btn2-tablet-outline-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c: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-ba84b1d7-2843-3e85-b437-78b46aa87f6c: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-ba84b1d7-2843-3e85-b437-78b46aa87f6c{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-ba84b1d7-2843-3e85-b437-78b46aa87f6c{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c:after, .btn-light.btn1-mobile-bg-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c{ color: ; } a.btn-light.btn1-mobile-outline-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c: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-ba84b1d7-2843-3e85-b437-78b46aa87f6c: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-ba84b1d7-2843-3e85-b437-78b46aa87f6c:after, .btn-light.btn2-mobile-bg-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c{ color: ; } a.btn-light.btn2-mobile-outline-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c:after, a.btn-light.btn2-mobile-outline-color-ba84b1d7-2843-3e85-b437-78b46aa87f6c: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-ba84b1d7-2843-3e85-b437-78b46aa87f6c: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-ba84b1d7-2843-3e85-b437-78b46aa87f6c{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-ba84b1d7-2843-3e85-b437-78b46aa87f6c{ 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-31929cc5-522b-3962-96b7-533bad031f5a { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-31929cc5-522b-3962-96b7-533bad031f5a:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-31929cc5-522b-3962-96b7-533bad031f5a .outer-container { width: 100%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-31929cc5-522b-3962-96b7-533bad031f5a:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-31929cc5-522b-3962-96b7-533bad031f5a .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-31929cc5-522b-3962-96b7-533bad031f5a:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-31929cc5-522b-3962-96b7-533bad031f5a .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-31929cc5-522b-3962-96b7-533bad031f5a" data-desktop-bg-color="transparent" id="BGContainer-cc6e5390-2e7e-3ae8-bf1c-176e953a8225"> <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-293f75d9-922b-3fb6-a5eb-c60c6ff627b4 { background: linear-gradient(160deg, #3f565e, #76a29d 100%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-293f75d9-922b-3fb6-a5eb-c60c6ff627b4:not(.bg-color-match-enabled) { background: linear-gradient(160deg, #3f565e, #76a29d 100%); } .bbd-full-width-container.id-293f75d9-922b-3fb6-a5eb-c60c6ff627b4 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-293f75d9-922b-3fb6-a5eb-c60c6ff627b4:not(.bg-color-match-enabled) { background: linear-gradient(160deg, #3f565e, #76a29d 100%); } .bbd-full-width-container.id-293f75d9-922b-3fb6-a5eb-c60c6ff627b4 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-293f75d9-922b-3fb6-a5eb-c60c6ff627b4:not(.bg-color-match-enabled) { background: linear-gradient(160deg, #3f565e, #76a29d 100%); } .bbd-full-width-container.id-293f75d9-922b-3fb6-a5eb-c60c6ff627b4 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-293f75d9-922b-3fb6-a5eb-c60c6ff627b4" data-desktop-bg-color="linear-gradient(160deg, #3f565e, #76a29d 100%)" id="BGContainer-581b87f9-c1fc-3b78-affb-e1f1abd76eb3"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-7ba660ba-f2d4-3700-8cbb-421777dfcaca { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-7ba660ba-f2d4-3700-8cbb-421777dfcaca { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-7ba660ba-f2d4-3700-8cbb-421777dfcaca { padding-top: 48px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-7ba660ba-f2d4-3700-8cbb-421777dfcaca"></section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-08d35d02-158e-3f19-af00-3a2b77d0292c { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-08d35d02-158e-3f19-af00-3a2b77d0292c:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-08d35d02-158e-3f19-af00-3a2b77d0292c .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-08d35d02-158e-3f19-af00-3a2b77d0292c:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-08d35d02-158e-3f19-af00-3a2b77d0292c .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-08d35d02-158e-3f19-af00-3a2b77d0292c:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-08d35d02-158e-3f19-af00-3a2b77d0292c .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-08d35d02-158e-3f19-af00-3a2b77d0292c" data-desktop-bg-color="transparent" id="BGContainer-c6109812-4b1a-3e64-9983-a1c483b0376e"> <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 id="RTE-d10fa263-9663-31a1-a66f-ae5ae6da4096" class="rte-container-79275c4f-6bec-3807-ba15-9bcb5bee40cb "> <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-c7f6cab3-6942-3156-b763-887eade4361d { padding-top: 16px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-c7f6cab3-6942-3156-b763-887eade4361d { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-c7f6cab3-6942-3156-b763-887eade4361d { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-c7f6cab3-6942-3156-b763-887eade4361d"></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_9d7fa61d-2986-3abf-8605-38610e0e731d_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_54372779-d74e-3586-bf84-4d1c17382158" 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 id="RTE-1185db6c-1681-3a0f-ad70-639d4d790f3c" class="rte-container-95af9e13-327e-3c7d-8a4e-4938a06cbf56 "> <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_9d7fa61d-2986-3abf-8605-38610e0e731d_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_a96e26cd-448c-3ec7-ac9c-ecd69680ad12" 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 id="RTE-24b84497-8a31-3096-9492-d812edfd300b" class="rte-container-2e433127-e1da-3a53-84e9-531c15513311 "> <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-2c2a3709-05ab-3b69-813c-0374163b1303 { padding-top: 40px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-2c2a3709-05ab-3b69-813c-0374163b1303 { padding-top: 25px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-2c2a3709-05ab-3b69-813c-0374163b1303 { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-2c2a3709-05ab-3b69-813c-0374163b1303"></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-39aa3fef-deea-380e-ae6e-139c3b27daad .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-39aa3fef-deea-380e-ae6e-139c3b27daad " 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" data-video-length="5"> <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-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-p10-mobile.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-391445a5-db24-329f-8d50-cf4d3d841fb0 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-391445a5-db24-329f-8d50-cf4d3d841fb0, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-391445a5-db24-329f-8d50-cf4d3d841fb0 { 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-391445a5-db24-329f-8d50-cf4d3d841fb0 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-391445a5-db24-329f-8d50-cf4d3d841fb0, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-391445a5-db24-329f-8d50-cf4d3d841fb0 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-391445a5-db24-329f-8d50-cf4d3d841fb0:after, .btn-light.btn1-bg-color-391445a5-db24-329f-8d50-cf4d3d841fb0:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-391445a5-db24-329f-8d50-cf4d3d841fb0{ color: ; } a.btn-light.btn1-outline-color-391445a5-db24-329f-8d50-cf4d3d841fb0:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-391445a5-db24-329f-8d50-cf4d3d841fb0: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-391445a5-db24-329f-8d50-cf4d3d841fb0:after, .btn-light.btn2-bg-color-391445a5-db24-329f-8d50-cf4d3d841fb0:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-391445a5-db24-329f-8d50-cf4d3d841fb0{ color: ; } a.btn-light.btn2-outline-color-391445a5-db24-329f-8d50-cf4d3d841fb0:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-391445a5-db24-329f-8d50-cf4d3d841fb0: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-391445a5-db24-329f-8d50-cf4d3d841fb0{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-391445a5-db24-329f-8d50-cf4d3d841fb0{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-391445a5-db24-329f-8d50-cf4d3d841fb0:after, .btn-light.btn1-tablet-bg-color-391445a5-db24-329f-8d50-cf4d3d841fb0:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-391445a5-db24-329f-8d50-cf4d3d841fb0{ color: ; } a.btn-light.btn1-tablet-outline-color-391445a5-db24-329f-8d50-cf4d3d841fb0: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-391445a5-db24-329f-8d50-cf4d3d841fb0: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-391445a5-db24-329f-8d50-cf4d3d841fb0:after, .btn-light.btn2-tablet-bg-color-391445a5-db24-329f-8d50-cf4d3d841fb0:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-391445a5-db24-329f-8d50-cf4d3d841fb0{ color: ; } a.btn-light.btn2-tablet-outline-color-391445a5-db24-329f-8d50-cf4d3d841fb0: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-391445a5-db24-329f-8d50-cf4d3d841fb0: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-391445a5-db24-329f-8d50-cf4d3d841fb0{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-391445a5-db24-329f-8d50-cf4d3d841fb0{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-391445a5-db24-329f-8d50-cf4d3d841fb0:after, .btn-light.btn1-mobile-bg-color-391445a5-db24-329f-8d50-cf4d3d841fb0:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-391445a5-db24-329f-8d50-cf4d3d841fb0{ color: ; } a.btn-light.btn1-mobile-outline-color-391445a5-db24-329f-8d50-cf4d3d841fb0: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-391445a5-db24-329f-8d50-cf4d3d841fb0: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-391445a5-db24-329f-8d50-cf4d3d841fb0:after, .btn-light.btn2-mobile-bg-color-391445a5-db24-329f-8d50-cf4d3d841fb0:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-391445a5-db24-329f-8d50-cf4d3d841fb0{ color: ; } a.btn-light.btn2-mobile-outline-color-391445a5-db24-329f-8d50-cf4d3d841fb0:after, a.btn-light.btn2-mobile-outline-color-391445a5-db24-329f-8d50-cf4d3d841fb0: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-391445a5-db24-329f-8d50-cf4d3d841fb0: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-391445a5-db24-329f-8d50-cf4d3d841fb0{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-391445a5-db24-329f-8d50-cf4d3d841fb0{ 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-bbc78024-7d4a-375a-b629-fa74a8be7979 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-bbc78024-7d4a-375a-b629-fa74a8be7979:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-bbc78024-7d4a-375a-b629-fa74a8be7979 .outer-container { width: 91.66666%; max-width: 1200px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-bbc78024-7d4a-375a-b629-fa74a8be7979:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-bbc78024-7d4a-375a-b629-fa74a8be7979 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-bbc78024-7d4a-375a-b629-fa74a8be7979:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-bbc78024-7d4a-375a-b629-fa74a8be7979 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-bbc78024-7d4a-375a-b629-fa74a8be7979" data-desktop-bg-color="transparent" id="BGContainer-11171b93-506e-32cb-9a38-beb81afbfaec"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-efb5e1c9-95f5-3e6c-9c5a-e1fd7b1aff82 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-efb5e1c9-95f5-3e6c-9c5a-e1fd7b1aff82 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-efb5e1c9-95f5-3e6c-9c5a-e1fd7b1aff82 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-efb5e1c9-95f5-3e6c-9c5a-e1fd7b1aff82"></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 id="RTE-3a22c89d-5490-33ca-b1eb-986b704469e0" class="rte-container-6ce151d0-f68f-35d4-9b1a-6536b888f668 "> <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-82689e7b-2d45-3ff5-be2d-374804fa9a59 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-82689e7b-2d45-3ff5-be2d-374804fa9a59:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-82689e7b-2d45-3ff5-be2d-374804fa9a59 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-82689e7b-2d45-3ff5-be2d-374804fa9a59:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-82689e7b-2d45-3ff5-be2d-374804fa9a59 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-82689e7b-2d45-3ff5-be2d-374804fa9a59:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-82689e7b-2d45-3ff5-be2d-374804fa9a59 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-82689e7b-2d45-3ff5-be2d-374804fa9a59" data-desktop-bg-color="transparent" id="BGContainer-578dab15-e3a3-38c1-9440-7aa59452abea"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-ed37dbb4-1b0c-3a74-897c-bfc1bcbef771 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-ed37dbb4-1b0c-3a74-897c-bfc1bcbef771 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-ed37dbb4-1b0c-3a74-897c-bfc1bcbef771 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-ed37dbb4-1b0c-3a74-897c-bfc1bcbef771"></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_2660c283-d84f-3ead-b06f-20b3f6f5c7b3_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_930885fc-08a3-318b-becb-075dfe50a566" 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-298b2e7a-092f-3df0-bf61-c5db19f2072a " 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-c64f279c-d144-3c6e-b2c1-3810284c764a { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-c64f279c-d144-3c6e-b2c1-3810284c764a, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-c64f279c-d144-3c6e-b2c1-3810284c764a { 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-c64f279c-d144-3c6e-b2c1-3810284c764a { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-c64f279c-d144-3c6e-b2c1-3810284c764a, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-c64f279c-d144-3c6e-b2c1-3810284c764a { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-c64f279c-d144-3c6e-b2c1-3810284c764a:after, .btn-light.btn1-bg-color-c64f279c-d144-3c6e-b2c1-3810284c764a:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-c64f279c-d144-3c6e-b2c1-3810284c764a{ color: ; } a.btn-light.btn1-outline-color-c64f279c-d144-3c6e-b2c1-3810284c764a:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-c64f279c-d144-3c6e-b2c1-3810284c764a: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-c64f279c-d144-3c6e-b2c1-3810284c764a:after, .btn-light.btn2-bg-color-c64f279c-d144-3c6e-b2c1-3810284c764a:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-c64f279c-d144-3c6e-b2c1-3810284c764a{ color: ; } a.btn-light.btn2-outline-color-c64f279c-d144-3c6e-b2c1-3810284c764a:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-c64f279c-d144-3c6e-b2c1-3810284c764a: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-c64f279c-d144-3c6e-b2c1-3810284c764a{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-c64f279c-d144-3c6e-b2c1-3810284c764a{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-c64f279c-d144-3c6e-b2c1-3810284c764a:after, .btn-light.btn1-tablet-bg-color-c64f279c-d144-3c6e-b2c1-3810284c764a:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-c64f279c-d144-3c6e-b2c1-3810284c764a{ color: ; } a.btn-light.btn1-tablet-outline-color-c64f279c-d144-3c6e-b2c1-3810284c764a: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-c64f279c-d144-3c6e-b2c1-3810284c764a: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-c64f279c-d144-3c6e-b2c1-3810284c764a:after, .btn-light.btn2-tablet-bg-color-c64f279c-d144-3c6e-b2c1-3810284c764a:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-c64f279c-d144-3c6e-b2c1-3810284c764a{ color: ; } a.btn-light.btn2-tablet-outline-color-c64f279c-d144-3c6e-b2c1-3810284c764a: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-c64f279c-d144-3c6e-b2c1-3810284c764a: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-c64f279c-d144-3c6e-b2c1-3810284c764a{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-c64f279c-d144-3c6e-b2c1-3810284c764a{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-c64f279c-d144-3c6e-b2c1-3810284c764a:after, .btn-light.btn1-mobile-bg-color-c64f279c-d144-3c6e-b2c1-3810284c764a:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-c64f279c-d144-3c6e-b2c1-3810284c764a{ color: ; } a.btn-light.btn1-mobile-outline-color-c64f279c-d144-3c6e-b2c1-3810284c764a: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-c64f279c-d144-3c6e-b2c1-3810284c764a: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-c64f279c-d144-3c6e-b2c1-3810284c764a:after, .btn-light.btn2-mobile-bg-color-c64f279c-d144-3c6e-b2c1-3810284c764a:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-c64f279c-d144-3c6e-b2c1-3810284c764a{ color: ; } a.btn-light.btn2-mobile-outline-color-c64f279c-d144-3c6e-b2c1-3810284c764a:after, a.btn-light.btn2-mobile-outline-color-c64f279c-d144-3c6e-b2c1-3810284c764a: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-c64f279c-d144-3c6e-b2c1-3810284c764a: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-c64f279c-d144-3c6e-b2c1-3810284c764a{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-c64f279c-d144-3c6e-b2c1-3810284c764a{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-40da9475-8312-3964-8f63-aa72f92d985e { padding-top: 24px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-40da9475-8312-3964-8f63-aa72f92d985e { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-40da9475-8312-3964-8f63-aa72f92d985e { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-40da9475-8312-3964-8f63-aa72f92d985e"></section> </div> </div> </div> <div id="columnContainer_2660c283-d84f-3ead-b06f-20b3f6f5c7b3_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_0dd2c68e-b3dc-3a64-9796-f177114e4e53" 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-08b99be5-da29-3361-adf2-82984d9aa4c4 " 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-cace6a49-cc23-3ad7-a4b0-383b6de0d593 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593 { 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-cace6a49-cc23-3ad7-a4b0-383b6de0d593 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593:after, .btn-light.btn1-bg-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593{ color: ; } a.btn-light.btn1-outline-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593: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-cace6a49-cc23-3ad7-a4b0-383b6de0d593:after, .btn-light.btn2-bg-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593{ color: ; } a.btn-light.btn2-outline-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593: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-cace6a49-cc23-3ad7-a4b0-383b6de0d593{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-cace6a49-cc23-3ad7-a4b0-383b6de0d593{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593:after, .btn-light.btn1-tablet-bg-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593{ color: ; } a.btn-light.btn1-tablet-outline-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593: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-cace6a49-cc23-3ad7-a4b0-383b6de0d593: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-cace6a49-cc23-3ad7-a4b0-383b6de0d593:after, .btn-light.btn2-tablet-bg-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593{ color: ; } a.btn-light.btn2-tablet-outline-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593: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-cace6a49-cc23-3ad7-a4b0-383b6de0d593: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-cace6a49-cc23-3ad7-a4b0-383b6de0d593{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-cace6a49-cc23-3ad7-a4b0-383b6de0d593{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593:after, .btn-light.btn1-mobile-bg-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593{ color: ; } a.btn-light.btn1-mobile-outline-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593: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-cace6a49-cc23-3ad7-a4b0-383b6de0d593: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-cace6a49-cc23-3ad7-a4b0-383b6de0d593:after, .btn-light.btn2-mobile-bg-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593{ color: ; } a.btn-light.btn2-mobile-outline-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593:after, a.btn-light.btn2-mobile-outline-color-cace6a49-cc23-3ad7-a4b0-383b6de0d593: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-cace6a49-cc23-3ad7-a4b0-383b6de0d593: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-cace6a49-cc23-3ad7-a4b0-383b6de0d593{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-cace6a49-cc23-3ad7-a4b0-383b6de0d593{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-1c8c5b36-17c4-36bd-ae80-f8e0846974f0 { padding-top: 24px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-1c8c5b36-17c4-36bd-ae80-f8e0846974f0 { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-1c8c5b36-17c4-36bd-ae80-f8e0846974f0 { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-1c8c5b36-17c4-36bd-ae80-f8e0846974f0"></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-7ab5b22c-2879-32ef-8d05-cd86602c6280 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-7ab5b22c-2879-32ef-8d05-cd86602c6280:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-7ab5b22c-2879-32ef-8d05-cd86602c6280 .outer-container { width: 100%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-7ab5b22c-2879-32ef-8d05-cd86602c6280:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-7ab5b22c-2879-32ef-8d05-cd86602c6280 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-7ab5b22c-2879-32ef-8d05-cd86602c6280:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-7ab5b22c-2879-32ef-8d05-cd86602c6280 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-7ab5b22c-2879-32ef-8d05-cd86602c6280" data-desktop-bg-color="transparent" id="BGContainer-40415690-082e-3e59-91fc-0572f551853e"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-036980e6-5ede-3202-acac-581881a983ab { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-036980e6-5ede-3202-acac-581881a983ab { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-036980e6-5ede-3202-acac-581881a983ab { padding-top: 20px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-036980e6-5ede-3202-acac-581881a983ab"></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-d9097dae-3a36-31eb-97d4-938cc8954885 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-d9097dae-3a36-31eb-97d4-938cc8954885 " 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" data-video-length="8"> <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-32d4f474-360b-3877-a54f-8770199684a8 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-32d4f474-360b-3877-a54f-8770199684a8, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-32d4f474-360b-3877-a54f-8770199684a8 { 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-32d4f474-360b-3877-a54f-8770199684a8 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-32d4f474-360b-3877-a54f-8770199684a8, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-32d4f474-360b-3877-a54f-8770199684a8 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-32d4f474-360b-3877-a54f-8770199684a8:after, .btn-light.btn1-bg-color-32d4f474-360b-3877-a54f-8770199684a8:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-32d4f474-360b-3877-a54f-8770199684a8{ color: ; } a.btn-light.btn1-outline-color-32d4f474-360b-3877-a54f-8770199684a8:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-32d4f474-360b-3877-a54f-8770199684a8: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-32d4f474-360b-3877-a54f-8770199684a8:after, .btn-light.btn2-bg-color-32d4f474-360b-3877-a54f-8770199684a8:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-32d4f474-360b-3877-a54f-8770199684a8{ color: ; } a.btn-light.btn2-outline-color-32d4f474-360b-3877-a54f-8770199684a8:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-32d4f474-360b-3877-a54f-8770199684a8: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-32d4f474-360b-3877-a54f-8770199684a8{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-32d4f474-360b-3877-a54f-8770199684a8{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-32d4f474-360b-3877-a54f-8770199684a8:after, .btn-light.btn1-tablet-bg-color-32d4f474-360b-3877-a54f-8770199684a8:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-32d4f474-360b-3877-a54f-8770199684a8{ color: ; } a.btn-light.btn1-tablet-outline-color-32d4f474-360b-3877-a54f-8770199684a8: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-32d4f474-360b-3877-a54f-8770199684a8: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-32d4f474-360b-3877-a54f-8770199684a8:after, .btn-light.btn2-tablet-bg-color-32d4f474-360b-3877-a54f-8770199684a8:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-32d4f474-360b-3877-a54f-8770199684a8{ color: ; } a.btn-light.btn2-tablet-outline-color-32d4f474-360b-3877-a54f-8770199684a8: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-32d4f474-360b-3877-a54f-8770199684a8: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-32d4f474-360b-3877-a54f-8770199684a8{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-32d4f474-360b-3877-a54f-8770199684a8{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-32d4f474-360b-3877-a54f-8770199684a8:after, .btn-light.btn1-mobile-bg-color-32d4f474-360b-3877-a54f-8770199684a8:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-32d4f474-360b-3877-a54f-8770199684a8{ color: ; } a.btn-light.btn1-mobile-outline-color-32d4f474-360b-3877-a54f-8770199684a8: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-32d4f474-360b-3877-a54f-8770199684a8: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-32d4f474-360b-3877-a54f-8770199684a8:after, .btn-light.btn2-mobile-bg-color-32d4f474-360b-3877-a54f-8770199684a8:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-32d4f474-360b-3877-a54f-8770199684a8{ color: ; } a.btn-light.btn2-mobile-outline-color-32d4f474-360b-3877-a54f-8770199684a8:after, a.btn-light.btn2-mobile-outline-color-32d4f474-360b-3877-a54f-8770199684a8: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-32d4f474-360b-3877-a54f-8770199684a8: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-32d4f474-360b-3877-a54f-8770199684a8{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-32d4f474-360b-3877-a54f-8770199684a8{ 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-b90c1eeb-cee5-34cf-ba29-ac1c79e6b29d { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-b90c1eeb-cee5-34cf-ba29-ac1c79e6b29d:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-b90c1eeb-cee5-34cf-ba29-ac1c79e6b29d .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-b90c1eeb-cee5-34cf-ba29-ac1c79e6b29d:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-b90c1eeb-cee5-34cf-ba29-ac1c79e6b29d .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-b90c1eeb-cee5-34cf-ba29-ac1c79e6b29d:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-b90c1eeb-cee5-34cf-ba29-ac1c79e6b29d .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-b90c1eeb-cee5-34cf-ba29-ac1c79e6b29d" data-desktop-bg-color="transparent" id="BGContainer-02f93368-ca8e-3c8f-832d-bf0e804b2e1b"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-bf0be02c-6365-3d93-b479-cd2a8742e339 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-bf0be02c-6365-3d93-b479-cd2a8742e339 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-bf0be02c-6365-3d93-b479-cd2a8742e339 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-bf0be02c-6365-3d93-b479-cd2a8742e339"></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_6b126098-7754-31e9-baaf-340d554ace91_0" class="sm-12 md-12 lg-6 "> <style type="text/css"> @media screen and (min-width: 1024px) { #columnWrapper_85bf86a3-d033-3ef7-b8ee-14c9cd830c32{ padding: 0 5% 0 0;} } </style> <div id="columnWrapper_85bf86a3-d033-3ef7-b8ee-14c9cd830c32" 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 id="RTE-4621c94b-2eae-30f0-a976-54fcd219a468" class="rte-container-2359e194-3bd6-3d6e-ac00-7f114694f706 "> <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-72f9b95c-37d3-3538-b17d-aa5f7e870b52 { padding-top: 16px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-72f9b95c-37d3-3538-b17d-aa5f7e870b52 { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-72f9b95c-37d3-3538-b17d-aa5f7e870b52 { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-72f9b95c-37d3-3538-b17d-aa5f7e870b52"></section> </div> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div id="RTE-53f214e2-17d4-3fbe-b47c-1f04966026b8" class="rte-container-9c085906-afb8-3963-84c7-fb0ad032e232 "> <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;"><span class="visuallyhidden">footnote</span>⁠⁠⁠1</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;"><span class="visuallyhidden">footnote</span>⁠⁠⁠6</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_6b126098-7754-31e9-baaf-340d554ace91_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_aa9fbc4c-e375-3826-ae92-1f9db21e0f9c" 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-f8652f2c-e496-3340-a62f-ed13b4106719 " 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-e319958a-43ed-30ea-b07b-fa3139fb0d78 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-e319958a-43ed-30ea-b07b-fa3139fb0d78, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-e319958a-43ed-30ea-b07b-fa3139fb0d78 { 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-e319958a-43ed-30ea-b07b-fa3139fb0d78 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-e319958a-43ed-30ea-b07b-fa3139fb0d78, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-e319958a-43ed-30ea-b07b-fa3139fb0d78 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-e319958a-43ed-30ea-b07b-fa3139fb0d78:after, .btn-light.btn1-bg-color-e319958a-43ed-30ea-b07b-fa3139fb0d78:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-e319958a-43ed-30ea-b07b-fa3139fb0d78{ color: ; } a.btn-light.btn1-outline-color-e319958a-43ed-30ea-b07b-fa3139fb0d78:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-e319958a-43ed-30ea-b07b-fa3139fb0d78: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-e319958a-43ed-30ea-b07b-fa3139fb0d78:after, .btn-light.btn2-bg-color-e319958a-43ed-30ea-b07b-fa3139fb0d78:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-e319958a-43ed-30ea-b07b-fa3139fb0d78{ color: ; } a.btn-light.btn2-outline-color-e319958a-43ed-30ea-b07b-fa3139fb0d78:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-e319958a-43ed-30ea-b07b-fa3139fb0d78: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-e319958a-43ed-30ea-b07b-fa3139fb0d78{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-e319958a-43ed-30ea-b07b-fa3139fb0d78{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-e319958a-43ed-30ea-b07b-fa3139fb0d78:after, .btn-light.btn1-tablet-bg-color-e319958a-43ed-30ea-b07b-fa3139fb0d78:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-e319958a-43ed-30ea-b07b-fa3139fb0d78{ color: ; } a.btn-light.btn1-tablet-outline-color-e319958a-43ed-30ea-b07b-fa3139fb0d78: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-e319958a-43ed-30ea-b07b-fa3139fb0d78: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-e319958a-43ed-30ea-b07b-fa3139fb0d78:after, .btn-light.btn2-tablet-bg-color-e319958a-43ed-30ea-b07b-fa3139fb0d78:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-e319958a-43ed-30ea-b07b-fa3139fb0d78{ color: ; } a.btn-light.btn2-tablet-outline-color-e319958a-43ed-30ea-b07b-fa3139fb0d78: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-e319958a-43ed-30ea-b07b-fa3139fb0d78: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-e319958a-43ed-30ea-b07b-fa3139fb0d78{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-e319958a-43ed-30ea-b07b-fa3139fb0d78{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-e319958a-43ed-30ea-b07b-fa3139fb0d78:after, .btn-light.btn1-mobile-bg-color-e319958a-43ed-30ea-b07b-fa3139fb0d78:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-e319958a-43ed-30ea-b07b-fa3139fb0d78{ color: ; } a.btn-light.btn1-mobile-outline-color-e319958a-43ed-30ea-b07b-fa3139fb0d78: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-e319958a-43ed-30ea-b07b-fa3139fb0d78: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-e319958a-43ed-30ea-b07b-fa3139fb0d78:after, .btn-light.btn2-mobile-bg-color-e319958a-43ed-30ea-b07b-fa3139fb0d78:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-e319958a-43ed-30ea-b07b-fa3139fb0d78{ color: ; } a.btn-light.btn2-mobile-outline-color-e319958a-43ed-30ea-b07b-fa3139fb0d78:after, a.btn-light.btn2-mobile-outline-color-e319958a-43ed-30ea-b07b-fa3139fb0d78: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-e319958a-43ed-30ea-b07b-fa3139fb0d78: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-e319958a-43ed-30ea-b07b-fa3139fb0d78{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-e319958a-43ed-30ea-b07b-fa3139fb0d78{ 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-aafe0bc7-e524-3d70-a067-059061ad6a72 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-aafe0bc7-e524-3d70-a067-059061ad6a72:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-aafe0bc7-e524-3d70-a067-059061ad6a72 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-aafe0bc7-e524-3d70-a067-059061ad6a72:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-aafe0bc7-e524-3d70-a067-059061ad6a72 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-aafe0bc7-e524-3d70-a067-059061ad6a72:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-aafe0bc7-e524-3d70-a067-059061ad6a72 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-aafe0bc7-e524-3d70-a067-059061ad6a72" data-desktop-bg-color="transparent" id="BGContainer-4bf76836-9f04-355d-a776-c291648354a9"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-3e8a74a1-cf09-386d-9df6-6e6739cefcab { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-3e8a74a1-cf09-386d-9df6-6e6739cefcab { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-3e8a74a1-cf09-386d-9df6-6e6739cefcab { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-3e8a74a1-cf09-386d-9df6-6e6739cefcab"></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 id="RTE-1835a62c-06c1-35f2-8565-9842f73466a0" class="rte-container-37a46dfd-636f-35df-926e-8596e70ea619 "> <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-29e3a2cd-6f97-39f9-8505-bd1a756140d0 { padding-top: 16px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-29e3a2cd-6f97-39f9-8505-bd1a756140d0 { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-29e3a2cd-6f97-39f9-8505-bd1a756140d0 { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-29e3a2cd-6f97-39f9-8505-bd1a756140d0"></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_0ad6f134-bfde-381c-9eec-e0afd759778b_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_e87ad734-b990-33ee-89d6-a61fec1b0b54" 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 id="RTE-326d19c3-0691-33ae-9977-a1e416b1aad1" class="rte-container-10b0df1b-c77c-311e-b1ac-a5b7f369edb4 "> <h2 class="headline-2" style="margin: 0;">Lossless Audio</h2> </div> </section> </div> </div> </div> <div id="columnContainer_0ad6f134-bfde-381c-9eec-e0afd759778b_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_1a9ec598-2e3d-3eb5-85b2-039813268db7" 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 id="RTE-5ee880d6-475a-3ffa-af8e-ddacc79b3b73" class="rte-container-9d155360-bf7b-3f17-87fb-df4c4daf96e0 "> <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><span class="visuallyhidden">footnote</span>⁠4</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-422431ad-c931-3cb7-9f70-a56333e84e61 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-422431ad-c931-3cb7-9f70-a56333e84e61:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-422431ad-c931-3cb7-9f70-a56333e84e61 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-422431ad-c931-3cb7-9f70-a56333e84e61:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-422431ad-c931-3cb7-9f70-a56333e84e61 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-422431ad-c931-3cb7-9f70-a56333e84e61:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-422431ad-c931-3cb7-9f70-a56333e84e61 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-422431ad-c931-3cb7-9f70-a56333e84e61" data-desktop-bg-color="transparent" id="BGContainer-a836f4c3-43e4-3792-bfcf-43ceb13ddb50"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-96183662-32d4-3294-b9a4-a1ed19b575de { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-96183662-32d4-3294-b9a4-a1ed19b575de { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-96183662-32d4-3294-b9a4-a1ed19b575de { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-96183662-32d4-3294-b9a4-a1ed19b575de"></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-9f20339f-e4cd-32e7-8b10-0dc4962b8eaa .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-9f20339f-e4cd-32e7-8b10-0dc4962b8eaa " 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-d3c36975-089d-369f-8cbc-833ac6630385 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-d3c36975-089d-369f-8cbc-833ac6630385, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-d3c36975-089d-369f-8cbc-833ac6630385 { 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-d3c36975-089d-369f-8cbc-833ac6630385 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-d3c36975-089d-369f-8cbc-833ac6630385, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-d3c36975-089d-369f-8cbc-833ac6630385 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-d3c36975-089d-369f-8cbc-833ac6630385:after, .btn-light.btn1-bg-color-d3c36975-089d-369f-8cbc-833ac6630385:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-d3c36975-089d-369f-8cbc-833ac6630385{ color: ; } a.btn-light.btn1-outline-color-d3c36975-089d-369f-8cbc-833ac6630385:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-d3c36975-089d-369f-8cbc-833ac6630385: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-d3c36975-089d-369f-8cbc-833ac6630385:after, .btn-light.btn2-bg-color-d3c36975-089d-369f-8cbc-833ac6630385:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-d3c36975-089d-369f-8cbc-833ac6630385{ color: ; } a.btn-light.btn2-outline-color-d3c36975-089d-369f-8cbc-833ac6630385:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-d3c36975-089d-369f-8cbc-833ac6630385: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-d3c36975-089d-369f-8cbc-833ac6630385{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-d3c36975-089d-369f-8cbc-833ac6630385{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-d3c36975-089d-369f-8cbc-833ac6630385:after, .btn-light.btn1-tablet-bg-color-d3c36975-089d-369f-8cbc-833ac6630385:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-d3c36975-089d-369f-8cbc-833ac6630385{ color: ; } a.btn-light.btn1-tablet-outline-color-d3c36975-089d-369f-8cbc-833ac6630385: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-d3c36975-089d-369f-8cbc-833ac6630385: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-d3c36975-089d-369f-8cbc-833ac6630385:after, .btn-light.btn2-tablet-bg-color-d3c36975-089d-369f-8cbc-833ac6630385:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-d3c36975-089d-369f-8cbc-833ac6630385{ color: ; } a.btn-light.btn2-tablet-outline-color-d3c36975-089d-369f-8cbc-833ac6630385: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-d3c36975-089d-369f-8cbc-833ac6630385: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-d3c36975-089d-369f-8cbc-833ac6630385{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-d3c36975-089d-369f-8cbc-833ac6630385{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-d3c36975-089d-369f-8cbc-833ac6630385:after, .btn-light.btn1-mobile-bg-color-d3c36975-089d-369f-8cbc-833ac6630385:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-d3c36975-089d-369f-8cbc-833ac6630385{ color: ; } a.btn-light.btn1-mobile-outline-color-d3c36975-089d-369f-8cbc-833ac6630385: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-d3c36975-089d-369f-8cbc-833ac6630385: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-d3c36975-089d-369f-8cbc-833ac6630385:after, .btn-light.btn2-mobile-bg-color-d3c36975-089d-369f-8cbc-833ac6630385:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-d3c36975-089d-369f-8cbc-833ac6630385{ color: ; } a.btn-light.btn2-mobile-outline-color-d3c36975-089d-369f-8cbc-833ac6630385:after, a.btn-light.btn2-mobile-outline-color-d3c36975-089d-369f-8cbc-833ac6630385: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-d3c36975-089d-369f-8cbc-833ac6630385: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-d3c36975-089d-369f-8cbc-833ac6630385{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-d3c36975-089d-369f-8cbc-833ac6630385{ 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-08051387-8fec-3001-bd4a-17590a224090 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-08051387-8fec-3001-bd4a-17590a224090:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-08051387-8fec-3001-bd4a-17590a224090 .outer-container { width: 100%; max-width: 1500px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-08051387-8fec-3001-bd4a-17590a224090:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-08051387-8fec-3001-bd4a-17590a224090 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-08051387-8fec-3001-bd4a-17590a224090:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-08051387-8fec-3001-bd4a-17590a224090 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-08051387-8fec-3001-bd4a-17590a224090" data-desktop-bg-color="transparent" id="BGContainer-7fbc1122-3ab2-3bb5-8441-898f70ee3500"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-f7d96a04-e1ea-31f3-8464-038aecc5edd8 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-f7d96a04-e1ea-31f3-8464-038aecc5edd8 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-f7d96a04-e1ea-31f3-8464-038aecc5edd8 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-f7d96a04-e1ea-31f3-8464-038aecc5edd8"></section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-93a44d4a-ae76-32e2-a405-af418cbd6c2a { background: #101010; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-93a44d4a-ae76-32e2-a405-af418cbd6c2a:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-93a44d4a-ae76-32e2-a405-af418cbd6c2a .outer-container { width: 91.66666%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-93a44d4a-ae76-32e2-a405-af418cbd6c2a:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-93a44d4a-ae76-32e2-a405-af418cbd6c2a .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-93a44d4a-ae76-32e2-a405-af418cbd6c2a:not(.bg-color-match-enabled) { background: #101010; } .bbd-full-width-container.id-93a44d4a-ae76-32e2-a405-af418cbd6c2a .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-93a44d4a-ae76-32e2-a405-af418cbd6c2a" data-desktop-bg-color="#101010" id="BGContainer-952a3f2d-634c-3c20-b693-4e8f6f1c881f"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-a0bec843-83cc-3fe1-b6ff-d11b48f903cd { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-a0bec843-83cc-3fe1-b6ff-d11b48f903cd { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-a0bec843-83cc-3fe1-b6ff-d11b48f903cd { padding-top: 48px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-a0bec843-83cc-3fe1-b6ff-d11b48f903cd"></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 id="RTE-63a2736c-e3d0-3b5d-b489-041de1b25020" class="rte-container-d1c87e72-1e43-3239-8e42-161977dfeebd "> <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-3dd000b6-c2ef-3d2f-a3a1-13270f0e4120 { padding-top: 16px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-3dd000b6-c2ef-3d2f-a3a1-13270f0e4120 { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-3dd000b6-c2ef-3d2f-a3a1-13270f0e4120 { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-3dd000b6-c2ef-3d2f-a3a1-13270f0e4120"></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_d98c4d11-4849-3335-8910-3b7b451e14ae_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_74d3c557-b2d3-3c66-986d-09c7a8cc0c60" 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 id="RTE-08822c7b-866c-3a05-9909-39870d779f14" class="rte-container-32f4ef5b-8b1e-3ec7-ba4e-2d99ae0daa62 "> <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_d98c4d11-4849-3335-8910-3b7b451e14ae_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_66f39b1f-33ac-323f-bc2b-befa12386bf0" 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 id="RTE-cd4b8ee5-0eb8-34c8-92f4-ccb52562821d" class="rte-container-03c0bbbe-0a59-3ac8-93b4-809878e8c953 "> <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><span class="visuallyhidden">footnote</span>⁠⁠5</sup></p> </div> </div> </section> </div> </div> </div> </div></div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-0240fd6f-be78-3f3c-b848-82fb6529d0c2 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-0240fd6f-be78-3f3c-b848-82fb6529d0c2 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-0240fd6f-be78-3f3c-b848-82fb6529d0c2 { padding-top: 20px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-0240fd6f-be78-3f3c-b848-82fb6529d0c2"></section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-f2c68206-1414-3074-aaf3-f1bad6029bc8 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-f2c68206-1414-3074-aaf3-f1bad6029bc8:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-f2c68206-1414-3074-aaf3-f1bad6029bc8 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-f2c68206-1414-3074-aaf3-f1bad6029bc8:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-f2c68206-1414-3074-aaf3-f1bad6029bc8 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-f2c68206-1414-3074-aaf3-f1bad6029bc8:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-f2c68206-1414-3074-aaf3-f1bad6029bc8 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-f2c68206-1414-3074-aaf3-f1bad6029bc8" data-desktop-bg-color="transparent" id="BGContainer-edb15edd-4dab-3b3a-b5c9-b650ab6ce9ce"> <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-4109eee1-c884-322e-9fe3-32caad7f1e6e .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-4109eee1-c884-322e-9fe3-32caad7f1e6e " 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-4ae63e97-42f8-375f-9f48-e29e9ea1b046 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046 { 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-4ae63e97-42f8-375f-9f48-e29e9ea1b046 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046:after, .btn-light.btn1-bg-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046{ color: ; } a.btn-light.btn1-outline-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046: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-4ae63e97-42f8-375f-9f48-e29e9ea1b046:after, .btn-light.btn2-bg-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046{ color: ; } a.btn-light.btn2-outline-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046: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-4ae63e97-42f8-375f-9f48-e29e9ea1b046{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-4ae63e97-42f8-375f-9f48-e29e9ea1b046{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046:after, .btn-light.btn1-tablet-bg-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046{ color: ; } a.btn-light.btn1-tablet-outline-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046: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-4ae63e97-42f8-375f-9f48-e29e9ea1b046: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-4ae63e97-42f8-375f-9f48-e29e9ea1b046:after, .btn-light.btn2-tablet-bg-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046{ color: ; } a.btn-light.btn2-tablet-outline-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046: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-4ae63e97-42f8-375f-9f48-e29e9ea1b046: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-4ae63e97-42f8-375f-9f48-e29e9ea1b046{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-4ae63e97-42f8-375f-9f48-e29e9ea1b046{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046:after, .btn-light.btn1-mobile-bg-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046{ color: ; } a.btn-light.btn1-mobile-outline-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046: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-4ae63e97-42f8-375f-9f48-e29e9ea1b046: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-4ae63e97-42f8-375f-9f48-e29e9ea1b046:after, .btn-light.btn2-mobile-bg-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046{ color: ; } a.btn-light.btn2-mobile-outline-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046:after, a.btn-light.btn2-mobile-outline-color-4ae63e97-42f8-375f-9f48-e29e9ea1b046: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-4ae63e97-42f8-375f-9f48-e29e9ea1b046: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-4ae63e97-42f8-375f-9f48-e29e9ea1b046{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-4ae63e97-42f8-375f-9f48-e29e9ea1b046{ 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-1245203f-09ec-3bc7-aebc-82dbd7a94aa6 { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-1245203f-09ec-3bc7-aebc-82dbd7a94aa6 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-1245203f-09ec-3bc7-aebc-82dbd7a94aa6 { padding-top: 48px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-1245203f-09ec-3bc7-aebc-82dbd7a94aa6"></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-4ca15d90-0bc9-30b0-ad7b-35c567bed8c8 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-4ca15d90-0bc9-30b0-ad7b-35c567bed8c8:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-4ca15d90-0bc9-30b0-ad7b-35c567bed8c8 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-4ca15d90-0bc9-30b0-ad7b-35c567bed8c8:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-4ca15d90-0bc9-30b0-ad7b-35c567bed8c8 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-4ca15d90-0bc9-30b0-ad7b-35c567bed8c8:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-4ca15d90-0bc9-30b0-ad7b-35c567bed8c8 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-4ca15d90-0bc9-30b0-ad7b-35c567bed8c8" data-desktop-bg-color="transparent" id="BGContainer-a084c9db-a985-39e9-9282-e7d9629c7afc"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-15e95449-ba9e-3d24-a940-ac0d85708a1b { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-15e95449-ba9e-3d24-a940-ac0d85708a1b { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-15e95449-ba9e-3d24-a940-ac0d85708a1b { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-15e95449-ba9e-3d24-a940-ac0d85708a1b"></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 id="RTE-ac21273d-208a-3438-83e9-56ebceb67fd0" class="rte-container-5e6aecbe-8674-3eae-b3e0-a7a01ee9f4f4 "> <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-69d045cb-732d-385c-98ed-8e617fba0a62 { padding-top: 16px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-69d045cb-732d-385c-98ed-8e617fba0a62 { padding-top: 16px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-69d045cb-732d-385c-98ed-8e617fba0a62 { padding-top: 16px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-69d045cb-732d-385c-98ed-8e617fba0a62"></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_5004f06f-a499-3a09-bc1e-b84019310a43_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_4e6fbe73-8be1-3887-a2e8-8e6c44fa14b5" 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 id="RTE-cde8735b-e6d6-3fc8-8e02-0f4fd42f55d3" class="rte-container-1240c924-e1c0-3168-9c27-cab10f138a80 "> <h2 class="headline-2" style="margin: 0;">Your Pill is a speakerphone too.</h2> </div> </section> </div> </div> </div> <div id="columnContainer_5004f06f-a499-3a09-bc1e-b84019310a43_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_7fb4ecd9-cf8e-3640-929b-c6ea83c71a44" 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 id="RTE-98f4bb80-099e-37aa-960f-90be57ab182b" class="rte-container-4948ddaa-1e82-3ec9-89b9-d4747312341a "> <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-50bdaa46-d2b8-3ad5-9eb2-5e97f596f83c { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-50bdaa46-d2b8-3ad5-9eb2-5e97f596f83c:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-50bdaa46-d2b8-3ad5-9eb2-5e97f596f83c .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-50bdaa46-d2b8-3ad5-9eb2-5e97f596f83c:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-50bdaa46-d2b8-3ad5-9eb2-5e97f596f83c .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-50bdaa46-d2b8-3ad5-9eb2-5e97f596f83c:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-50bdaa46-d2b8-3ad5-9eb2-5e97f596f83c .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-50bdaa46-d2b8-3ad5-9eb2-5e97f596f83c" data-desktop-bg-color="transparent" id="BGContainer-973044d8-8cac-3c09-9414-0123a09158c9"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-94132e94-d79d-342b-97d4-c98d2d1b2fb2 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-94132e94-d79d-342b-97d4-c98d2d1b2fb2 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-94132e94-d79d-342b-97d4-c98d2d1b2fb2 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-94132e94-d79d-342b-97d4-c98d2d1b2fb2"></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-36ac5075-bbfc-3756-9ec2-b3e7849ede5a .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-36ac5075-bbfc-3756-9ec2-b3e7849ede5a " 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-b7a5ba35-a9f3-3133-98ac-b48810b3d98e { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e { 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-b7a5ba35-a9f3-3133-98ac-b48810b3d98e { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e:after, .btn-light.btn1-bg-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e{ color: ; } a.btn-light.btn1-outline-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e: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-b7a5ba35-a9f3-3133-98ac-b48810b3d98e:after, .btn-light.btn2-bg-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e{ color: ; } a.btn-light.btn2-outline-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e: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-b7a5ba35-a9f3-3133-98ac-b48810b3d98e{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-b7a5ba35-a9f3-3133-98ac-b48810b3d98e{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e:after, .btn-light.btn1-tablet-bg-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e{ color: ; } a.btn-light.btn1-tablet-outline-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e: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-b7a5ba35-a9f3-3133-98ac-b48810b3d98e: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-b7a5ba35-a9f3-3133-98ac-b48810b3d98e:after, .btn-light.btn2-tablet-bg-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e{ color: ; } a.btn-light.btn2-tablet-outline-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e: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-b7a5ba35-a9f3-3133-98ac-b48810b3d98e: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-b7a5ba35-a9f3-3133-98ac-b48810b3d98e{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-b7a5ba35-a9f3-3133-98ac-b48810b3d98e{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e:after, .btn-light.btn1-mobile-bg-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e{ color: ; } a.btn-light.btn1-mobile-outline-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e: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-b7a5ba35-a9f3-3133-98ac-b48810b3d98e: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-b7a5ba35-a9f3-3133-98ac-b48810b3d98e:after, .btn-light.btn2-mobile-bg-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e{ color: ; } a.btn-light.btn2-mobile-outline-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e:after, a.btn-light.btn2-mobile-outline-color-b7a5ba35-a9f3-3133-98ac-b48810b3d98e: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-b7a5ba35-a9f3-3133-98ac-b48810b3d98e: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-b7a5ba35-a9f3-3133-98ac-b48810b3d98e{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-b7a5ba35-a9f3-3133-98ac-b48810b3d98e{ 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-59d20e0c-d395-3915-bf1e-d4a4c8573aa7 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-59d20e0c-d395-3915-bf1e-d4a4c8573aa7:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-59d20e0c-d395-3915-bf1e-d4a4c8573aa7 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-59d20e0c-d395-3915-bf1e-d4a4c8573aa7:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-59d20e0c-d395-3915-bf1e-d4a4c8573aa7 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-59d20e0c-d395-3915-bf1e-d4a4c8573aa7:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-59d20e0c-d395-3915-bf1e-d4a4c8573aa7 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-59d20e0c-d395-3915-bf1e-d4a4c8573aa7" data-desktop-bg-color="transparent" id="BGContainer-5d8cae99-f223-3af7-8b63-a649443b9e79"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-4e16c32f-11b9-3ee0-809b-2b7502b3a204 { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-4e16c32f-11b9-3ee0-809b-2b7502b3a204 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-4e16c32f-11b9-3ee0-809b-2b7502b3a204 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-4e16c32f-11b9-3ee0-809b-2b7502b3a204"></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 id="RTE-adc601ac-4207-3a33-a15a-108391b0f8fb" class="rte-container-f2194285-8f3d-3dce-a2ce-ef8db945bb8e "> <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-3429a591-88b5-3bed-a11d-509510bdc7c5 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-3429a591-88b5-3bed-a11d-509510bdc7c5:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-3429a591-88b5-3bed-a11d-509510bdc7c5 .outer-container { width: 100%; max-width: 1600px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-3429a591-88b5-3bed-a11d-509510bdc7c5:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-3429a591-88b5-3bed-a11d-509510bdc7c5 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-3429a591-88b5-3bed-a11d-509510bdc7c5:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-3429a591-88b5-3bed-a11d-509510bdc7c5 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-3429a591-88b5-3bed-a11d-509510bdc7c5" data-desktop-bg-color="transparent" id="BGContainer-32316c08-ad28-3332-a836-8b29b9f568cd"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-136ff8a2-d2c0-36f4-bb8e-e9d8d0a167df { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-136ff8a2-d2c0-36f4-bb8e-e9d8d0a167df { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-136ff8a2-d2c0-36f4-bb8e-e9d8d0a167df { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-136ff8a2-d2c0-36f4-bb8e-e9d8d0a167df"></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-8d9f257a-429a-37ad-bc44-b137ae7ba4a2 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-8d9f257a-429a-37ad-bc44-b137ae7ba4a2 " 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-9e234a75-5a84-39ea-8f53-6084b35adb33 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-9e234a75-5a84-39ea-8f53-6084b35adb33, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-9e234a75-5a84-39ea-8f53-6084b35adb33 { 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-9e234a75-5a84-39ea-8f53-6084b35adb33 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-9e234a75-5a84-39ea-8f53-6084b35adb33, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-9e234a75-5a84-39ea-8f53-6084b35adb33 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-9e234a75-5a84-39ea-8f53-6084b35adb33:after, .btn-light.btn1-bg-color-9e234a75-5a84-39ea-8f53-6084b35adb33:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-9e234a75-5a84-39ea-8f53-6084b35adb33{ color: ; } a.btn-light.btn1-outline-color-9e234a75-5a84-39ea-8f53-6084b35adb33:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-9e234a75-5a84-39ea-8f53-6084b35adb33: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-9e234a75-5a84-39ea-8f53-6084b35adb33:after, .btn-light.btn2-bg-color-9e234a75-5a84-39ea-8f53-6084b35adb33:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-9e234a75-5a84-39ea-8f53-6084b35adb33{ color: ; } a.btn-light.btn2-outline-color-9e234a75-5a84-39ea-8f53-6084b35adb33:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-9e234a75-5a84-39ea-8f53-6084b35adb33: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-9e234a75-5a84-39ea-8f53-6084b35adb33{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-9e234a75-5a84-39ea-8f53-6084b35adb33{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-9e234a75-5a84-39ea-8f53-6084b35adb33:after, .btn-light.btn1-tablet-bg-color-9e234a75-5a84-39ea-8f53-6084b35adb33:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-9e234a75-5a84-39ea-8f53-6084b35adb33{ color: ; } a.btn-light.btn1-tablet-outline-color-9e234a75-5a84-39ea-8f53-6084b35adb33: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-9e234a75-5a84-39ea-8f53-6084b35adb33: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-9e234a75-5a84-39ea-8f53-6084b35adb33:after, .btn-light.btn2-tablet-bg-color-9e234a75-5a84-39ea-8f53-6084b35adb33:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-9e234a75-5a84-39ea-8f53-6084b35adb33{ color: ; } a.btn-light.btn2-tablet-outline-color-9e234a75-5a84-39ea-8f53-6084b35adb33: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-9e234a75-5a84-39ea-8f53-6084b35adb33: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-9e234a75-5a84-39ea-8f53-6084b35adb33{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-9e234a75-5a84-39ea-8f53-6084b35adb33{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-9e234a75-5a84-39ea-8f53-6084b35adb33:after, .btn-light.btn1-mobile-bg-color-9e234a75-5a84-39ea-8f53-6084b35adb33:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-9e234a75-5a84-39ea-8f53-6084b35adb33{ color: ; } a.btn-light.btn1-mobile-outline-color-9e234a75-5a84-39ea-8f53-6084b35adb33: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-9e234a75-5a84-39ea-8f53-6084b35adb33: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-9e234a75-5a84-39ea-8f53-6084b35adb33:after, .btn-light.btn2-mobile-bg-color-9e234a75-5a84-39ea-8f53-6084b35adb33:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-9e234a75-5a84-39ea-8f53-6084b35adb33{ color: ; } a.btn-light.btn2-mobile-outline-color-9e234a75-5a84-39ea-8f53-6084b35adb33:after, a.btn-light.btn2-mobile-outline-color-9e234a75-5a84-39ea-8f53-6084b35adb33: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-9e234a75-5a84-39ea-8f53-6084b35adb33: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-9e234a75-5a84-39ea-8f53-6084b35adb33{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-9e234a75-5a84-39ea-8f53-6084b35adb33{ 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-560daee6-2462-3fe6-aeae-6b2d286a8e48 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-560daee6-2462-3fe6-aeae-6b2d286a8e48:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-560daee6-2462-3fe6-aeae-6b2d286a8e48 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-560daee6-2462-3fe6-aeae-6b2d286a8e48:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-560daee6-2462-3fe6-aeae-6b2d286a8e48 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-560daee6-2462-3fe6-aeae-6b2d286a8e48:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-560daee6-2462-3fe6-aeae-6b2d286a8e48 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-560daee6-2462-3fe6-aeae-6b2d286a8e48" data-desktop-bg-color="transparent" id="BGContainer-978b4eb2-7f0c-369b-84b7-d508237412b7"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-0d6e8f43-b11c-3dae-8541-b154f8988d88 { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-0d6e8f43-b11c-3dae-8541-b154f8988d88 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-0d6e8f43-b11c-3dae-8541-b154f8988d88 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-0d6e8f43-b11c-3dae-8541-b154f8988d88"></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 id="RTE-f54bd4ca-1957-384a-8556-750dc1a7c5b5" class="rte-container-2febcd13-ef6a-3f38-91ea-49ad69d51ad2 "> <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-b9dc7dfd-04ef-3712-b00a-5615bd663c50 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-b9dc7dfd-04ef-3712-b00a-5615bd663c50:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-b9dc7dfd-04ef-3712-b00a-5615bd663c50 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-b9dc7dfd-04ef-3712-b00a-5615bd663c50:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-b9dc7dfd-04ef-3712-b00a-5615bd663c50 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-b9dc7dfd-04ef-3712-b00a-5615bd663c50:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-b9dc7dfd-04ef-3712-b00a-5615bd663c50 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-b9dc7dfd-04ef-3712-b00a-5615bd663c50" data-desktop-bg-color="transparent" id="BGContainer-df64a645-c0ff-39fd-ab1b-e7b4c6b19556"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-3c59114b-3bfc-3d29-a88b-37ca38785c16 { padding-top: 30px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-3c59114b-3bfc-3d29-a88b-37ca38785c16 { padding-top: 20px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-3c59114b-3bfc-3d29-a88b-37ca38785c16 { padding-top: 20px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-3c59114b-3bfc-3d29-a88b-37ca38785c16"></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-50d67ee5-8631-30cd-8b70-90fadbcc5ce2 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-50d67ee5-8631-30cd-8b70-90fadbcc5ce2 " 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-0250cc94-5035-30fe-a706-3a740f48d4b9 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-0250cc94-5035-30fe-a706-3a740f48d4b9, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-0250cc94-5035-30fe-a706-3a740f48d4b9 { 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-0250cc94-5035-30fe-a706-3a740f48d4b9 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-0250cc94-5035-30fe-a706-3a740f48d4b9, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-0250cc94-5035-30fe-a706-3a740f48d4b9 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-0250cc94-5035-30fe-a706-3a740f48d4b9:after, .btn-light.btn1-bg-color-0250cc94-5035-30fe-a706-3a740f48d4b9:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-0250cc94-5035-30fe-a706-3a740f48d4b9{ color: ; } a.btn-light.btn1-outline-color-0250cc94-5035-30fe-a706-3a740f48d4b9:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-0250cc94-5035-30fe-a706-3a740f48d4b9: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-0250cc94-5035-30fe-a706-3a740f48d4b9:after, .btn-light.btn2-bg-color-0250cc94-5035-30fe-a706-3a740f48d4b9:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-0250cc94-5035-30fe-a706-3a740f48d4b9{ color: ; } a.btn-light.btn2-outline-color-0250cc94-5035-30fe-a706-3a740f48d4b9:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-0250cc94-5035-30fe-a706-3a740f48d4b9: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-0250cc94-5035-30fe-a706-3a740f48d4b9{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-0250cc94-5035-30fe-a706-3a740f48d4b9{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-0250cc94-5035-30fe-a706-3a740f48d4b9:after, .btn-light.btn1-tablet-bg-color-0250cc94-5035-30fe-a706-3a740f48d4b9:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-0250cc94-5035-30fe-a706-3a740f48d4b9{ color: ; } a.btn-light.btn1-tablet-outline-color-0250cc94-5035-30fe-a706-3a740f48d4b9: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-0250cc94-5035-30fe-a706-3a740f48d4b9: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-0250cc94-5035-30fe-a706-3a740f48d4b9:after, .btn-light.btn2-tablet-bg-color-0250cc94-5035-30fe-a706-3a740f48d4b9:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-0250cc94-5035-30fe-a706-3a740f48d4b9{ color: ; } a.btn-light.btn2-tablet-outline-color-0250cc94-5035-30fe-a706-3a740f48d4b9: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-0250cc94-5035-30fe-a706-3a740f48d4b9: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-0250cc94-5035-30fe-a706-3a740f48d4b9{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-0250cc94-5035-30fe-a706-3a740f48d4b9{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-0250cc94-5035-30fe-a706-3a740f48d4b9:after, .btn-light.btn1-mobile-bg-color-0250cc94-5035-30fe-a706-3a740f48d4b9:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-0250cc94-5035-30fe-a706-3a740f48d4b9{ color: ; } a.btn-light.btn1-mobile-outline-color-0250cc94-5035-30fe-a706-3a740f48d4b9: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-0250cc94-5035-30fe-a706-3a740f48d4b9: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-0250cc94-5035-30fe-a706-3a740f48d4b9:after, .btn-light.btn2-mobile-bg-color-0250cc94-5035-30fe-a706-3a740f48d4b9:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-0250cc94-5035-30fe-a706-3a740f48d4b9{ color: ; } a.btn-light.btn2-mobile-outline-color-0250cc94-5035-30fe-a706-3a740f48d4b9:after, a.btn-light.btn2-mobile-outline-color-0250cc94-5035-30fe-a706-3a740f48d4b9: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-0250cc94-5035-30fe-a706-3a740f48d4b9: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-0250cc94-5035-30fe-a706-3a740f48d4b9{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-0250cc94-5035-30fe-a706-3a740f48d4b9{ 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-f0573275-fac2-3e25-9297-7e7204670568 { background: linear-gradient(to bottom, transparent 50%, transparent 0%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-f0573275-fac2-3e25-9297-7e7204670568:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 50%, transparent 0%); } .bbd-full-width-container.id-f0573275-fac2-3e25-9297-7e7204670568 .outer-container { width: 91.66666%; max-width: 1100px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-f0573275-fac2-3e25-9297-7e7204670568:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 50%, transparent 0%); } .bbd-full-width-container.id-f0573275-fac2-3e25-9297-7e7204670568 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-f0573275-fac2-3e25-9297-7e7204670568:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 50%, transparent 0%); } .bbd-full-width-container.id-f0573275-fac2-3e25-9297-7e7204670568 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-f0573275-fac2-3e25-9297-7e7204670568" data-analytics-module="bg_container" data-analytics-region="in_the_box" data-desktop-bg-color="linear-gradient(to bottom, transparent 50%, transparent 0%)" id="BGContainer-1d400799-7f6f-3f34-94e0-8456300254e3"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-8840c4c2-9f63-3ae2-a5c4-e8974fedac88 { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-8840c4c2-9f63-3ae2-a5c4-e8974fedac88 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-8840c4c2-9f63-3ae2-a5c4-e8974fedac88 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-8840c4c2-9f63-3ae2-a5c4-e8974fedac88"></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 data-analytics-module="bg_container" data-analytics-region="in_the_box"> <div id="columnContainer_5e262723-d3e3-3402-936a-7c680806e9c5_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_4873e504-e307-38a7-9009-480dbbe5ee9a" 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 id="RTE-775459bf-95df-35bf-8d7d-c28e12236b17" class="rte-container-8021bc15-5110-30ca-897e-f81db876526b "> <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_5e262723-d3e3-3402-936a-7c680806e9c5_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_0c090465-c8a8-3bf6-9abd-8f132aa8a6c8" 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-c15564ba-378e-339d-9483-fa63de83d612 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 60%; } } </style> <section class="bbd-component transition bbd-img-text-component id-c15564ba-378e-339d-9483-fa63de83d612 " data-analytics-scroll data-full-module data-analytics-module="media_and_text" data-analytics-region="in_the_box" 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-1080847b-6478-3a4f-b6a1-13e3fc4a62d7 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7 { 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-1080847b-6478-3a4f-b6a1-13e3fc4a62d7 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7:after, .btn-light.btn1-bg-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7{ color: ; } a.btn-light.btn1-outline-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7: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-1080847b-6478-3a4f-b6a1-13e3fc4a62d7:after, .btn-light.btn2-bg-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7{ color: ; } a.btn-light.btn2-outline-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7: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-1080847b-6478-3a4f-b6a1-13e3fc4a62d7{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-1080847b-6478-3a4f-b6a1-13e3fc4a62d7{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7:after, .btn-light.btn1-tablet-bg-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7{ color: ; } a.btn-light.btn1-tablet-outline-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7: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-1080847b-6478-3a4f-b6a1-13e3fc4a62d7: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-1080847b-6478-3a4f-b6a1-13e3fc4a62d7:after, .btn-light.btn2-tablet-bg-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7{ color: ; } a.btn-light.btn2-tablet-outline-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7: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-1080847b-6478-3a4f-b6a1-13e3fc4a62d7: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-1080847b-6478-3a4f-b6a1-13e3fc4a62d7{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-1080847b-6478-3a4f-b6a1-13e3fc4a62d7{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7:after, .btn-light.btn1-mobile-bg-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7{ color: ; } a.btn-light.btn1-mobile-outline-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7: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-1080847b-6478-3a4f-b6a1-13e3fc4a62d7: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-1080847b-6478-3a4f-b6a1-13e3fc4a62d7:after, .btn-light.btn2-mobile-bg-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7{ color: ; } a.btn-light.btn2-mobile-outline-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7:after, a.btn-light.btn2-mobile-outline-color-1080847b-6478-3a4f-b6a1-13e3fc4a62d7: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-1080847b-6478-3a4f-b6a1-13e3fc4a62d7: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-1080847b-6478-3a4f-b6a1-13e3fc4a62d7{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-1080847b-6478-3a4f-b6a1-13e3fc4a62d7{ 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-4649ddcd-1d37-3eed-800e-2890f0087f24 { padding-top: 120px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-4649ddcd-1d37-3eed-800e-2890f0087f24 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-4649ddcd-1d37-3eed-800e-2890f0087f24 { padding-top: 60px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-4649ddcd-1d37-3eed-800e-2890f0087f24"></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-fe5ae731-5087-384c-8167-8be618a15953 { background: EFEDE9; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-fe5ae731-5087-384c-8167-8be618a15953:not(.bg-color-match-enabled) { background: EFEDE9; } .bbd-full-width-container.id-fe5ae731-5087-384c-8167-8be618a15953 .outer-container { width: 100%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-fe5ae731-5087-384c-8167-8be618a15953:not(.bg-color-match-enabled) { background: EFEDE9; } .bbd-full-width-container.id-fe5ae731-5087-384c-8167-8be618a15953 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-fe5ae731-5087-384c-8167-8be618a15953:not(.bg-color-match-enabled) { background: EFEDE9; } .bbd-full-width-container.id-fe5ae731-5087-384c-8167-8be618a15953 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-fe5ae731-5087-384c-8167-8be618a15953" data-desktop-bg-color="EFEDE9" id="BGContainer-65f97a14-5b20-3187-b84f-9a62a8f6773a"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-e7625676-9ad5-3ce4-b35a-300a1de95daa { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-e7625676-9ad5-3ce4-b35a-300a1de95daa { padding-top: 0px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-e7625676-9ad5-3ce4-b35a-300a1de95daa { padding-top: 0px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-e7625676-9ad5-3ce4-b35a-300a1de95daa"></section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-b0886f44-e363-302f-9180-ea4e26736d0b { background: #FAFAFA; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-b0886f44-e363-302f-9180-ea4e26736d0b:not(.bg-color-match-enabled) { background: #FAFAFA; } .bbd-full-width-container.id-b0886f44-e363-302f-9180-ea4e26736d0b .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-b0886f44-e363-302f-9180-ea4e26736d0b:not(.bg-color-match-enabled) { background: #FAFAFA; } .bbd-full-width-container.id-b0886f44-e363-302f-9180-ea4e26736d0b .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-b0886f44-e363-302f-9180-ea4e26736d0b:not(.bg-color-match-enabled) { background: #FAFAFA; } .bbd-full-width-container.id-b0886f44-e363-302f-9180-ea4e26736d0b .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-b0886f44-e363-302f-9180-ea4e26736d0b" data-desktop-bg-color="#FAFAFA" id="BGContainer-6484307d-10cc-324a-9033-734022ad512c"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-8d6e0884-5166-32d2-a93d-8ad5762aa61c { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-8d6e0884-5166-32d2-a93d-8ad5762aa61c { padding-top: 50px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-8d6e0884-5166-32d2-a93d-8ad5762aa61c { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-8d6e0884-5166-32d2-a93d-8ad5762aa61c"></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_071b3fa4-eadd-310b-9df7-cab9212035e3_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_04cb1325-0157-32b6-8a6e-ca836258c61b" 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-6848c5f2-bc43-37b1-a111-51c3a52a01b8 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 55%; } } </style> <section class="bbd-component transition bbd-img-text-component id-6848c5f2-bc43-37b1-a111-51c3a52a01b8 " 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-866e882c-93d5-31f3-b7b5-4a21ba6ad914 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914 { 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-866e882c-93d5-31f3-b7b5-4a21ba6ad914 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914:after, .btn-light.btn1-bg-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914{ color: ; } a.btn-light.btn1-outline-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914: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-866e882c-93d5-31f3-b7b5-4a21ba6ad914:after, .btn-light.btn2-bg-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914{ color: ; } a.btn-light.btn2-outline-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914: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-866e882c-93d5-31f3-b7b5-4a21ba6ad914{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-866e882c-93d5-31f3-b7b5-4a21ba6ad914{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914:after, .btn-light.btn1-tablet-bg-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914{ color: ; } a.btn-light.btn1-tablet-outline-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914: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-866e882c-93d5-31f3-b7b5-4a21ba6ad914: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-866e882c-93d5-31f3-b7b5-4a21ba6ad914:after, .btn-light.btn2-tablet-bg-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914{ color: ; } a.btn-light.btn2-tablet-outline-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914: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-866e882c-93d5-31f3-b7b5-4a21ba6ad914: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-866e882c-93d5-31f3-b7b5-4a21ba6ad914{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-866e882c-93d5-31f3-b7b5-4a21ba6ad914{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914:after, .btn-light.btn1-mobile-bg-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914{ color: ; } a.btn-light.btn1-mobile-outline-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914: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-866e882c-93d5-31f3-b7b5-4a21ba6ad914: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-866e882c-93d5-31f3-b7b5-4a21ba6ad914:after, .btn-light.btn2-mobile-bg-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914{ color: ; } a.btn-light.btn2-mobile-outline-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914:after, a.btn-light.btn2-mobile-outline-color-866e882c-93d5-31f3-b7b5-4a21ba6ad914: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-866e882c-93d5-31f3-b7b5-4a21ba6ad914: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-866e882c-93d5-31f3-b7b5-4a21ba6ad914{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-866e882c-93d5-31f3-b7b5-4a21ba6ad914{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> <div id="columnContainer_071b3fa4-eadd-310b-9df7-cab9212035e3_1" class="sm-12 md-12 lg-6 "> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { #columnWrapper_80b937ae-a3d5-3d8b-b617-71a98e6e2ca8{ padding: 0 8.33333%; } } @media screen and (max-width: 767px) { #columnWrapper_80b937ae-a3d5-3d8b-b617-71a98e6e2ca8{ padding: 0 8.33333%; } } </style> <div id="columnWrapper_80b937ae-a3d5-3d8b-b617-71a98e6e2ca8" 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 id="RTE-0ff092a4-da60-3563-8952-a2d5a236c7eb" class="rte-container-30256de8-2177-3bd1-bf79-813e6991dcf2 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" alt=""> </picture> <h2 style="margin: 0;"><span class="headline-2" style="color: #161616;">3 Months of Free Music For Your Beats*</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 id="RTE-0ff092a4-da60-3563-8952-a2d5a236c7eb" class="rte-container-30256de8-2177-3bd1-bf79-813e6991dcf2 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*</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 id="RTE-0ff092a4-da60-3563-8952-a2d5a236c7eb" class="rte-container-30256de8-2177-3bd1-bf79-813e6991dcf2 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*</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-d46e4975-e103-3838-be6d-19d541f6a82b { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-d46e4975-e103-3838-be6d-19d541f6a82b { padding-top: 0px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-d46e4975-e103-3838-be6d-19d541f6a82b { padding-top: 0px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-d46e4975-e103-3838-be6d-19d541f6a82b"></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-d6712ba3-bb29-32eb-bf6f-e919f9cd68f8 { background: #EFEDE9; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-d6712ba3-bb29-32eb-bf6f-e919f9cd68f8:not(.bg-color-match-enabled) { background: #EFEDE9; } .bbd-full-width-container.id-d6712ba3-bb29-32eb-bf6f-e919f9cd68f8 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-d6712ba3-bb29-32eb-bf6f-e919f9cd68f8:not(.bg-color-match-enabled) { background: #EFEDE9; } .bbd-full-width-container.id-d6712ba3-bb29-32eb-bf6f-e919f9cd68f8 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-d6712ba3-bb29-32eb-bf6f-e919f9cd68f8:not(.bg-color-match-enabled) { background: #EFEDE9; } .bbd-full-width-container.id-d6712ba3-bb29-32eb-bf6f-e919f9cd68f8 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-d6712ba3-bb29-32eb-bf6f-e919f9cd68f8" data-desktop-bg-color="#EFEDE9" id="footnotes"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-75034bc2-159b-39aa-9eb3-14e77175f642 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-75034bc2-159b-39aa-9eb3-14e77175f642 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-75034bc2-159b-39aa-9eb3-14e77175f642 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-75034bc2-159b-39aa-9eb3-14e77175f642"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="footnotes" data-analytics-scroll> <div id="RTE-c78cfaf2-bedf-3597-a46d-6f30cb6d5c4b" class="rte-container-a93f4b60-f361-302b-9468-90d994206136 component-section-spacing beatsRTE"> <ul style="font-size: 12px; color: #484848; list-style-type: none;"> <li id="footnote-**" style="margin: 12px 0 0;"><sup style="margin-right: 4px;">**</sup>Product may vary in color, details, and dimensions from 3D rendering. View on a device running the latest hardware and software for best results.</li> <li id="footnote-1" style="margin: 12px 0 0;"><sup style="margin-right: 4px;">1</sup>Testing 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-Kbps 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.</li> <li id="footnote-2" style="margin: 12px 0 0;"><sup style="margin-right: 4px;">2</sup>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="https://support.apple.com/en-ca/119981" target="_blank" style="text-decoration: underline; color: #484848;">Apple Support</a> for cleaning and drying instructions.</li> <li id="footnote-3" style="margin: 12px 0 0;"><sup style="margin-right: 4px;">3</sup>As compared to Beats Pill+.</li> <li id="footnote-4" style="margin: 12px 0 0;"><sup style="margin-right: 4px;">4</sup>Requires compatible lossless content from supported apps/services. Not all content is available in lossless format.</li> <li id="footnote-5" style="margin: 12px 0 0;"><sup style="margin-right: 4px;">5</sup>Requires 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.</li> <li id="footnote-6" style="margin: 12px 0 0;"><sup style="margin-right: 4px;">6</sup>Testing conducted by Apple in April 2024 using preproduction Beats Pill units and software paired with iPhone 15 Pro units and pre-release software. The playlist consisted of 358 unique audio tracks purchased from the iTunes Store (256-Kbps AAC encoding). Volume was set to 50%. 10-minute 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.</li> <li id="footnote-7" style="margin: 12px 0 0;"><sup style="margin-right: 4px;">7</sup>Breakdown of U.S. retail packaging by weight. Adhesives, inks, and coatings are excluded from our calculations of plastic content and packaging weight. </li> <li id="footnote-8" style="margin: 12px 0 0;"><sup style="margin-right: 4px;">*</sup>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="https://www.apple.com/ca/promo" target="_blank"><u>other terms</u></a> apply.</li> </ul> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-67645352-cb93-3292-96e2-37661051d6ea { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-67645352-cb93-3292-96e2-37661051d6ea { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-67645352-cb93-3292-96e2-37661051d6ea { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-67645352-cb93-3292-96e2-37661051d6ea"></section> </div> </div> </div> </div> </section> </div> </div>  </div> </div> </div>  <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-0156a320-de80-3a0c-b56f-b029a267d4f9 { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-0156a320-de80-3a0c-b56f-b029a267d4f9 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-0156a320-de80-3a0c-b56f-b029a267d4f9 { padding-top: 20px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-0156a320-de80-3a0c-b56f-b029a267d4f9"></section> </div> <div class="fullWidthBgContainerV2 parsys"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-9ed84a81-b210-32d0-b421-c184174d3d11 { background: #161616; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-9ed84a81-b210-32d0-b421-c184174d3d11:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-9ed84a81-b210-32d0-b421-c184174d3d11 .outer-container { width: 100%; max-width: 1200px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-9ed84a81-b210-32d0-b421-c184174d3d11:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-9ed84a81-b210-32d0-b421-c184174d3d11 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-9ed84a81-b210-32d0-b421-c184174d3d11:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-9ed84a81-b210-32d0-b421-c184174d3d11 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-9ed84a81-b210-32d0-b421-c184174d3d11" data-desktop-bg-color="#161616" id="BGContainer-2029292b-4113-33d6-b842-0024600050f4"> <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-1cb2b193-1736-398f-97fe-5bf77e0c6ae3" data-analytics-scroll="" data-analytics-event="newsletterSignUp"> <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, collabs and more.</div> <div class="show-tablet">Don’t miss a beat. Stay up to date on the latest products, collabs and more.</div> <div class="show-mobile">Don’t miss a beat. Stay up to date on the latest products, collabs 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-1cb2b193-1736-398f-97fe-5bf77e0c6ae3" 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-1cb2b193-1736-398f-97fe-5bf77e0c6ae3"> <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"> <h2 class="visuallyhidden">Beats Footer</h2> <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="/ca"> <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="/ca/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"> <h3 id="footer-Products" class="hide-sm hide-md">Products</h3> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h3 id="footer-Products-mobile">Products</h3> <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="/ca/products" class="footer-link">View All</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Special Offers" href="/ca/promotions" class="footer-link">Special Offers</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Powerbeats Pro 2" href="/ca/earbuds/powerbeats-pro-2" class="footer-link">Powerbeats Pro 2</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats iPhone Cases" href="/ca/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="/ca/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="/ca/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="/ca/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="/ca/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="/ca/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="/ca/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="/ca/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"> <h3 id="footer-Support" class="hide-sm hide-md">Support</h3> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h3 id="footer-Support-mobile">Support</h3> <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="/ca/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="/ca/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/en-ca/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="/ca/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-ca/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="/ca/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="/ca/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"> <h3 id="footer-Company" class="hide-sm hide-md">Company</h3> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h3 id="footer-Company-mobile">Company</h3> <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="/ca/company/aboutus" class="footer-link">About</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-ca/search?sort=relevance&search=beats" class="footer-link">Careers</a></li> </ul> </nav> </div> </div> <div class="linksList parbase section"> <div data-analytics-module="footer" data-analytics-region="footer-legal"> <h3 id="footer-Legal" class="hide-sm hide-md">Legal</h3> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h3 id="footer-Legal-mobile">Legal</h3> <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="/ca/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="/ca/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="/ca/company/trademark" class="footer-link">Trademarks</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Promotion Terms" href="/ca/company/promotion-terms" class="footer-link">Promotion Terms</a></li> </ul> </nav> </div> </div> </div> <div class="footer__last-section"> <div class="footer__location"> <h3 class="footerDirectoryTitle">Location</h3> <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">Canada (English)</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"> <h3 id="footerBeatsArmy" class="hide-sm hide-md">Follow Us</h3> <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 © 2025 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-f8bb9225-6947-3f91-b56f-a983e66c04a1 { padding-top: 0px; background-color: #FFFFFF; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-f8bb9225-6947-3f91-b56f-a983e66c04a1 { padding-top: 0px; background-color: #FFFFFF; }} @media screen and (max-width: 767px) { .spacing-f8bb9225-6947-3f91-b56f-a983e66c04a1 { padding-top: 7px; background-color: #FFFFFF; }} </style> <section class="bbd-component generic-spacing spacing-f8bb9225-6947-3f91-b56f-a983e66c04a1"></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_CA'; var explore_exploreTagUrl = '\/ca\/stories\/REPLACEME'; var isRcTileRenderable = 'true'; var isAuthorMode = 'false'; var pageType = 'page\u002Dpdp_v2'; var homepageUrl = '\/ca'; var countryCode = 'ca'; var beatsSearchJsonPath = '\/ca\/search.beatssearch.json?q=REPLACEME\x26limit=\u002D1'; var featuredSearch = '\/ca\/search.featured.json%20'; var stripHtmlExtension = 'true'; var beatsSearchSuggestionJsonPath = '\/ca\/search.beatssuggestions.json?q=REPLACEME\x26locale=en_CA'; var searchConfig = '\/ca\/search.config.json%20'; window.productPathname = '/ca/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\u002DCA\x22,\x22pageType\x22:\x22\x22,\x22contentType\x22:\x22\x22,\x22language\x22:\x22en\x22,\x22country\x22:\x22CA\x22,\x22contentCategories\x22:\x22\x22}}'; var basePageTitle = 'Latest Beats Pill - 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 - Portable Bluetooth Wireless Speaker