CINXE.COM

Beats Studio Buds + | True Wireless Earbuds, Noise Cancelling

<!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>Beats Studio Buds + | True Wireless Earbuds, Noise Cancelling </title> <link rel="icon" href="/assets/resources/images/beats_logo.png"/> <link rel="apple-touch-icon" href="/assets/resources/images/beats_logo.png"/> <meta name="google-site-verification" content="mHFbKuknAMAodbNS_O9wxS4TJxU8ezn6yKmxE5-iTqo"/> <meta name="theme-color" content="#ffffff"/> <!-- fallback incase media isn't supported --> <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"/> <meta name="theme-color" content="#161616" media="(prefers-color-scheme: dark)"/> <script> function handleFontAwesomeError() { let faCss = document.createElement("link"); faCss.rel = "stylesheet"; faCss.type = "text/css"; faCss.href = "/etc.clientlibs/beats/clientlibs/site/fontAwesome.css"; document.head.appendChild(faCss); } </script> <script src="https://kit.fontawesome.com/0b8e87e866.js" onerror="handleFontAwesomeError()" crossorigin="anonymous"></script> <meta property="og:type" content="website"/> <meta property="og:url" content="https://www.beatsbydre.com/ca/earbuds/studio-buds-plus-wireless-noise-cancelling"/> <meta property="og:image" content="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/og/studiobudsplus-global-ogimage.jpg"/> <meta property="og:title" content="Beats Studio Buds + | True Wireless Earbuds, Noise Cancelling"/> <meta property="og:description" content="Beats Studio Buds + are true wireless earbuds with Active Noise Cancelling, Transparency mode, 9 hours of battery life, and rich, immersive sound."/> <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="Beats Studio Buds + | True Wireless Earbuds, Noise Cancelling"/> <meta name="twitter:description" content="Beats Studio Buds + are true wireless earbuds with Active Noise Cancelling, Transparency mode, 9 hours of battery life, and rich, immersive sound."/> <meta name="twitter:image" content="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/og/studiobudsplus-global-ogimage.jpg"/> <meta name="robots" content="follow,index"/> <meta name="description" content="Beats Studio Buds + are true wireless earbuds with Active Noise Cancelling, Transparency mode, 9 hours of battery life, and rich, immersive sound."/> <meta name="keywords" content="wireless earbuds, noise cancelling earbuds, true wireless earbuds, bluetooth earbuds"/> <meta name="referrer" content="no-referrer-when-downgrade"/> <link rel="canonical" href="https://www.beatsbydre.com/ca/earbuds/studio-buds-plus-wireless-noise-cancelling"/> <link rel="alternate" href="https://www.beatsbydre.com/hk/earbuds/studio-buds-plus-wireless-noise-cancelling" hreflang="en-HK"/> <link rel="alternate" href="https://www.beatsbydre.com/de/earbuds/studio-buds-plus-wireless-noise-cancelling" hreflang="de-DE"/> <link rel="alternate" href="https://www.beatsbydre.com/br/earbuds/studio-buds-plus-wireless-noise-cancelling" hreflang="pt-BR"/> <link rel="alternate" href="https://www.beatsbydre.com/nl/earbuds/studio-buds-plus-wireless-noise-cancelling" hreflang="nl-NL"/> <link rel="alternate" href="https://www.beatsbydre.com/au/earbuds/studio-buds-plus-wireless-noise-cancelling" hreflang="en-AU"/> <link rel="alternate" href="https://www.beatsbydre.com/in/earbuds/studio-buds-plus-wireless-noise-cancelling" hreflang="en-IN"/> <link rel="alternate" href="https://www.beatsbydre.com/ca/earbuds/studio-buds-plus-wireless-noise-cancelling" hreflang="en-CA"/> <link rel="alternate" href="https://www.beatsbydre.com/be-fr/earbuds/studio-buds-plus-wireless-noise-cancelling" hreflang="fr-BE"/> <link rel="alternate" href="https://www.beatsbydre.com/it/earbuds/studio-buds-plus-wireless-noise-cancelling" hreflang="it-IT"/> <link rel="alternate" href="https://www.beatsbydre.com/earbuds/studio-buds-plus-wireless-noise-cancelling" hreflang="en-US"/> <link rel="alternate" href="https://www.beatsbydre.com/at/earbuds/studio-buds-plus-wireless-noise-cancelling" hreflang="de-AT"/> <link rel="alternate" href="https://www.beatsbydre.com/uk/earbuds/studio-buds-plus-wireless-noise-cancelling" hreflang="en-GB"/> <link rel="alternate" href="https://www.beatsbydre.com/es/earbuds/studio-buds-plus-wireless-noise-cancelling" hreflang="es-ES"/> <link rel="alternate" href="https://www.beatsbydre.com/ca-fr/earbuds/studio-buds-plus-wireless-noise-cancelling" hreflang="fr-CA"/> <link rel="alternate" href="https://www.beatsbydre.com/se/earbuds/studio-buds-plus-wireless-noise-cancelling" hreflang="sv-SE"/> <link rel="alternate" href="https://www.beatsbydre.com/mx/earbuds/studio-buds-plus-wireless-noise-cancelling" hreflang="es-MX"/> <link rel="alternate" href="https://www.beatsbydre.com/ch-fr/earbuds/studio-buds-plus-wireless-noise-cancelling" hreflang="fr-CH"/> <link rel="alternate" href="https://www.beatsbydre.com/ch-de/earbuds/studio-buds-plus-wireless-noise-cancelling" hreflang="de-CH"/> <link rel="alternate" href="https://www.beatsbydre.com/hk-zh/earbuds/studio-buds-plus-wireless-noise-cancelling" hreflang="zh-HK"/> <link rel="alternate" href="https://www.beatsbydre.com/fr/earbuds/studio-buds-plus-wireless-noise-cancelling" hreflang="fr-FR"/> <link rel="alternate" href="https://www.beatsbydre.com/ie/earbuds/studio-buds-plus-wireless-noise-cancelling" hreflang="en-IE"/> <link rel="alternate" href="https://www.beatsbydre.com/sg/earbuds/studio-buds-plus-wireless-noise-cancelling" hreflang="en-SG"/> <link rel="alternate" href="https://www.beatsbydre.com/kr/earbuds/studio-buds-plus-wireless-noise-cancelling" hreflang="ko-KR"/> <link rel="alternate" href="https://www.beatsbydre.com/tw/earbuds/studio-buds-plus-wireless-noise-cancelling" hreflang="zh-TW"/> <link rel="alternate" href="https://www.beatsbydre.com.cn/earbuds/studio-buds-plus-wireless-noise-cancelling" hreflang="zh-CN"/> <link rel="alternate" href="https://www.beatsbydre.com/jp/earbuds/studio-buds-plus-wireless-noise-cancelling" hreflang="ja-JP"/> <link rel="alternate" href="https://www.beatsbydre.com/be-nl/earbuds/studio-buds-plus-wireless-noise-cancelling" hreflang="nl-BE"/> <script type="application/ld+json" id="product-structured-data"> { "@context": "http://schema.org/", "@type": "Product", "name": "Beats Studio Buds +", "image": "https://www.beatsbydre.com/content/dam/beats/web/product/earbuds/studio-buds-plus/global/serp/studiobudsplus-pdp-global-serp-black.jpg", "description": "Beats Studio Buds + are true wireless earbuds with Active Noise Cancelling, Transparency mode, 9 hours of battery life, and rich, immersive sound.", "url": "https://www.beatsbydre.com/ca/earbuds/studio-buds-plus-wireless-noise-cancelling", "mainEntityOfPage": "https://www.beatsbydre.com/ca/earbuds/studio-buds-plus-wireless-noise-cancelling", "color": "", "mpn": "MQLH3LL/A", "sku": "MQLH3LL/A", "offers": { "@type": "offer", "priceCurrency": "CAD", "price": "229.95", "itemCondition": "https://schema.org/NewCondition", "availability": "https://schema.org/InStock", "url": "https://www.apple.com/ca/shop/product/MQLH3LL/A", "shippingDetails": { "@type": "OfferShippingDetails", "shippingRate": { "@type": "MonetaryAmount", "value": "0", "currency": "CAD" } } }, "brand": { "@id": "https://www.beatsbydre.com/ca/earbuds/studio-buds-plus-wireless-noise-cancelling#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":"Earbuds","item":"https://www.beatsbydre.com/ca/products/earbuds"},{"@type":"ListItem","position":3,"name":"Beats Studio Buds +","item":"https://www.beatsbydre.com/ca/earbuds/studio-buds-plus-wireless-noise-cancelling"}] } </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: #ffffff; } </style> <script> window.adobeDataLayer = window.adobeDataLayer || [] ; </script> <!-- prehiding snippet for Adobe Target with asynchronous Launch deployment --> <script> (function(g,b,d,f){(function(a,c,d){if(a){var e=b.createElement("style");e.id=c;e .innerHTML=d;a.appendChild(e)}})(b.getElementsByTagName("head")[0],"at-body-style",d) ;setTimeout(function(){var a=b.getElementsByTagName("head")[0];if(a){var c=b.getElementById("at-body-style");c&&a.removeChild(c)}},f)})(window,document,"body {opacity: 0 !important}",3E3); </script> <script> window.digitalData= {"pageInfo":{"pageName":"beatsbydre:en:Beats Studio Buds + | True Wireless Earbuds, Noise Cancelling"}}; </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"> <!-- SDI include (path: /content/beatswebsite/ca/en_CA/experience-fragments/menu-cards/powerbeats-pro-2-promo-menu-card/_jcr_content.content.nocache.html, resourceType: cq/experience-fragments/components/xfpage) --> <div class="featureMenuCard"> <style> .mobile-tile, .mobile-tile:hover, .mobile-tile:visited { background: #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> <!-- Start page content here --> <div class="bs3"> <div id="bs3-pdp" role="main"> <div><div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-12f2bdec-a2ee-3ed7-a790-373b37e0418b { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-12f2bdec-a2ee-3ed7-a790-373b37e0418b:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-12f2bdec-a2ee-3ed7-a790-373b37e0418b .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-12f2bdec-a2ee-3ed7-a790-373b37e0418b:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-12f2bdec-a2ee-3ed7-a790-373b37e0418b .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-12f2bdec-a2ee-3ed7-a790-373b37e0418b:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-12f2bdec-a2ee-3ed7-a790-373b37e0418b .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-12f2bdec-a2ee-3ed7-a790-373b37e0418b" data-desktop-bg-color="transparent" id="BGContainer-5d7039de-dbae-34ae-8920-cb7404c5b86f"> <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-e34758d9-dd36-3701-873c-e73741eb56e8 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-e34758d9-dd36-3701-873c-e73741eb56e8:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-e34758d9-dd36-3701-873c-e73741eb56e8 .outer-container { width: 91.66666%; max-width: 1320px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-e34758d9-dd36-3701-873c-e73741eb56e8:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-e34758d9-dd36-3701-873c-e73741eb56e8 .outer-container { width: 91.66666%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-e34758d9-dd36-3701-873c-e73741eb56e8:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-e34758d9-dd36-3701-873c-e73741eb56e8 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-e34758d9-dd36-3701-873c-e73741eb56e8" data-desktop-bg-color="transparent" id="BGContainer-c3729a25-7235-39a3-aa6d-f3411711a81b"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-93d5a59b-cef0-3786-a1dc-8ef7b7e78a42 { padding-top: 50px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-93d5a59b-cef0-3786-a1dc-8ef7b7e78a42 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-93d5a59b-cef0-3786-a1dc-8ef7b7e78a42 { padding-top: 10px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-93d5a59b-cef0-3786-a1dc-8ef7b7e78a42"></section> </div> <div class="experiencefragment section"> <!-- SDI include (path: /content/beatswebsite/ca/en_CA/experience-fragments/product-carousels/earbuds/studio-buds-plus/_jcr_content.content.nocache.html, resourceType: cq/experience-fragments/components/xfpage) --> <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 = '{\x22MQLH3LL\/A\x22:{\x22displayPrice\x22:\x22<span class=\\\x22pdp\u002Dprice pdp\u002Dprice\u002Dorig\\\x22 data\u002Dselector\u002Dprice=\\\x22\\\x22>$229.95<\/span>\x22,\x22originalPrice\x22:\x22$229.95\x22,\x22numericPrice\x22:\x22229.95\x22,\x22aosUrl\x22:\x22https:\/\/www.apple.com\/ca\/shop\/product\/MQLH3LL\/A?cid=beats_wb_pdp_evergreen_ca_studiobudsplus_na\x22,\x22cid\x22:\x22beats_wb_pdp_evergreen_ca_studiobudsplus_na\x22,\x22background\x22:\x22#2B2B2B\x22,\x22collection\x22:\x22\x22,\x22theme\x22:\x22pdp\u002Dtheme\u002Ddark\x22,\x22productFamily\x22:\x22Earphones\x22,\x22subFamily\x22:\x22Beats Studio Buds +\x22,\x22displayName\x22:\x22Beats Studio Buds + True Wireless Noise Cancelling Earbuds — Black \/ Gold\x22,\x22productImage\x22:\x22https:\/\/www.beatsbydre.com\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/global\/serp\/studiobudsplus\u002Dpdp\u002Dglobal\u002Dserp\u002Dblack.jpg\x22,\x22structuredDataImage\x22:\x22https:\/\/www.beatsbydre.com\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/global\/serp\/studiobudsplus\u002Dpdp\u002Dglobal\u002Dserp\u002Dblack.jpg\x22,\x22urlVariant\x22:\x22black\u002Dgold\x22,\x22variant\x22:\x22Black \/ Gold\x22,\x22colorSwatchImage\x22:\x22\x22,\x22sku\x22:\x22MQLH3LL\/A\x22,\x22addToCartPath\x22:\x22https:\/\/beats\u002Dcart.apple.com\/add\u002Dto\u002Dcart\/en_CA?sku=MQLH3LL\/A\x26cid=beats_wb_pdp_evergreen_ca_studiobudsplus_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\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/black\/alt\/studiobudsplus\u002Dblackgold\u002D01.jpg\x22,\x22altText\x22:\x22Beats Studio Buds + earbuds in Black displayed with charging case\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/black\/alt\/studiobudsplus\u002Dblackgold\u002D01.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Studio Buds + earbuds in Black displayed with charging case\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:false,\x22analyticsSlideName\x22:\x22Studio Buds Plus Black\x22},{\x22type\x22:\x223d\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/global\/3d\/studio\u002Dbuds\u002Dplus\u002Dblackgold.glb\x22,\x22iosSrc\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/global\/3d\/studio\u002Dbuds\u002Dplus\u002Dblackgold.usdz\x22,\x22helperText\x22:\x22Press and drag to rotate in 3D**\x22,\x22arialLabel\x22:\x22Press and drag to rotate in 3D**\x22,\x22fallbackImg\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/black\/pc\u002Dstudiobudsplus\u002Dblack\u002Dearbuds\u002Dinside\u002Doutside.jpg\x22,\x22altText\x22:\x22Beats Studio Buds + showing on\u002Dear controls, which allow you to manage calls and control music.\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\x22,\x22toneMapping\x22:\x22aces\x22,\x22color\x22:\x22\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/black\/pc\u002Dstudiobudsplus\u002Dblack\u002Dearbuds\u002Dinside\u002Doutside.jpg.thumb.319.319.png\x22,\x22altTextThumbnail\x22:\x22\x22,\x22ariaLabelThumbnail\x22:\x22\x22,\x22analyticsSlideName\x22:\x22Studio Buds Plus Black in 3D\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/black\/alt\/studiobudsplus\u002Dblackgold\u002D02.jpg\x22,\x22altText\x22:\x22Person wearing Beats Studio Buds earbuds in Black \x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/black\/alt\/studiobudsplus\u002Dblackgold\u002D02.jpg\x22,\x22altTextThumbnail\x22:\x22Person wearing Beats Studio Buds earbuds in Black \x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x223x Larger Microphones\x22,\x22textDesc\x22:\x22For Improved Call Quality\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Studio Buds Plus Black\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/black\/alt\/studiobudsplus\u002Dblackgold\u002D03.jpg\x22,\x22altText\x22:\x22Beats Studio Buds + displayed with the number 36\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/black\/alt\/studiobudsplus\u002Dblackgold\u002D03.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Studio Buds + displayed with the number 36\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22Up to 36 Hours of Listening Time\x22,\x22textDesc\x22:\x22With Charging Case<sup>5<\/sup>\x22,\x22overlay\x22:true,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Studio Buds Plus Black\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/black\/alt\/studiobudsplus\u002Dblackgold\u002D04.jpg\x22,\x22altText\x22:\x22Beats Studio Buds + earbud demonstrating Active Noise Cancellation with sound wave graphics\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/black\/alt\/studiobudsplus\u002Dblackgold\u002D04.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Studio Buds + earbud demonstrating Active Noise Cancellation with sound wave graphics\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22Up to 1.6x Improved Active Noise Cancelling\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Studio Buds Plus Black\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/black\/alt\/studiobudsplus\u002Dblackgold\u002D05.jpg\x22,\x22altText\x22:\x22Beats Studio Buds + in Black on a table\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/black\/alt\/studiobudsplus\u002Dblackgold\u002D05.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Studio Buds + in Black on a table\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22Four Eartip Options\x22,\x22textDesc\x22:\x22(XS, S, M, L)\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Studio Buds Plus Black\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/black\/alt\/studiobudsplus\u002Dblackgold\u002D06.jpg\x22,\x22altText\x22:\x22Beats Studio Buds + earbud in Black  surrounded by speakers\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/black\/alt\/studiobudsplus\u002Dblackgold\u002D06.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Studio Buds + earbud in Black  surrounded by speakers\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22Supports Spatial Audio\x22,\x22textDesc\x22:\x22For Immersive Music<sup>3<\/sup>\x22,\x22overlay\x22:true,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Studio Buds Plus Black\x22},{\x22videoLength\x22:90,\x22type\x22:\x22video\x22,\x22videoSrc\x22:{\x22transcript\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/global\/video\/unboxing\/captions\/studiobudsplus\u002Dunboxing\u002Ddesktop_en.txt\x22,\x22caption\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/global\/video\/unboxing\/captions\/studiobudsplus\u002Dunboxing\u002Ddesktop_en.vtt\x22,\x22autoEnableCaption\x22:false,\x22codec_tag_string\x22:\x22\x22,\x22mp4\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/global\/video\/unboxing\/studiobudsplus\u002Dunboxing\u002Ddesktop.mp4.rendition.mp4\x22,\x22webm\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/global\/video\/unboxing\/studiobudsplus\u002Dunboxing\u002Ddesktop.mp4.rendition.webm\x22},\x22altText\x22:\x22Thumbnail of the Unboxing video with a play button in the center\x22,\x22ariaLabel\x22:\x22Play video\x22,\x22altTextThumbnail\x22:\x22Thumbnail of the Unboxing video with a play button in the center\x22,\x22ariaLabelThumbnail\x22:\x22Video thumbnail\x22,\x22fallbackImg\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/studiobudsplus\u002Dunboxing.jpg\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/studiobudsplus\u002Dunboxing.jpg\x22,\x22btnColor\x22:\x22btn\u002Dcolor\u002Dlight\x22,\x22lastFrame\x22:\x22asset\x22,\x22textTitle\x22:\x22Video: Unboxing\x22,\x22textDesc\x22:\x22\x22,\x22videoType\x22:\x22inline\u002Duser\u002Dplayback\x22,\x22analyticsLabel\x22:\x22Video: Unboxing\x22,\x22imageFileExtension\x22:\x22.mp4\x22,\x22analyticsSlideName\x22:\x22Video: Unboxing\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}},\x22MQLJ3LL\/A\x22:{\x22displayPrice\x22:\x22<span class=\\\x22pdp\u002Dprice pdp\u002Dprice\u002Dorig\\\x22 data\u002Dselector\u002Dprice=\\\x22\\\x22>$229.95<\/span>\x22,\x22originalPrice\x22:\x22$229.95\x22,\x22numericPrice\x22:\x22229.95\x22,\x22aosUrl\x22:\x22https:\/\/www.apple.com\/ca\/shop\/product\/MQLJ3LL\/A?cid=beats_wb_pdp_evergreen_ca_studiobudsplus_na\x22,\x22cid\x22:\x22beats_wb_pdp_evergreen_ca_studiobudsplus_na\x22,\x22background\x22:\x22#F2EDE7\x22,\x22collection\x22:\x22\x22,\x22theme\x22:\x22pdp\u002Dtheme\u002Dlight\x22,\x22productFamily\x22:\x22Earphones\x22,\x22subFamily\x22:\x22Beats Studio Buds +\x22,\x22displayName\x22:\x22Beats Studio Buds + True Wireless Noise Cancelling Earbuds — Ivory\x22,\x22productImage\x22:\x22https:\/\/www.beatsbydre.com\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/global\/serp\/studiobudsplus\u002Dpdp\u002Dglobal\u002Dserp\u002Divory.jpg\x22,\x22structuredDataImage\x22:\x22https:\/\/www.beatsbydre.com\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/global\/serp\/studiobudsplus\u002Dpdp\u002Dglobal\u002Dserp\u002Divory.jpg\x22,\x22urlVariant\x22:\x22ivory\x22,\x22variant\x22:\x22Ivory\x22,\x22colorSwatchImage\x22:\x22\x22,\x22sku\x22:\x22MQLJ3LL\/A\x22,\x22addToCartPath\x22:\x22https:\/\/beats\u002Dcart.apple.com\/add\u002Dto\u002Dcart\/en_CA?sku=MQLJ3LL\/A\x26cid=beats_wb_pdp_evergreen_ca_studiobudsplus_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\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/ivory\/alt\/studiobudsplus\u002Divory\u002D01.jpg\x22,\x22altText\x22:\x22Beats Studio Buds + earbuds in Ivory displayed with charging case\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/ivory\/alt\/studiobudsplus\u002Divory\u002D01.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Studio Buds + earbuds in Ivory displayed with charging case\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:false,\x22analyticsSlideName\x22:\x22Studio Buds Plus Ivory\x22},{\x22type\x22:\x223d\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/global\/3d\/studio\u002Dbuds\u002Dplus\u002Dblackgold.glb\x22,\x22iosSrc\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/global\/3d\/studio\u002Dbuds\u002Dplus\u002Dblackgold.usdz\x22,\x22helperText\x22:\x22Press and drag to rotate in 3D**\x22,\x22arialLabel\x22:\x22Press and drag to rotate in 3D**\x22,\x22fallbackImg\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/ivory\/pc\u002Dstudiobudsplus\u002Divory\u002Dearbuds\u002Dinside\u002Doutside.jpg\x22,\x22altText\x22:\x22Beats Studio Buds + showing on\u002Dear controls, which allow you to manage calls and control music.\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\x22,\x22toneMapping\x22:\x22aces\x22,\x22color\x22:\x22\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/ivory\/pc\u002Dstudiobudsplus\u002Divory\u002Dearbuds\u002Dinside\u002Doutside.jpg.thumb.319.319.png\x22,\x22altTextThumbnail\x22:\x22\x22,\x22ariaLabelThumbnail\x22:\x22\x22,\x22analyticsSlideName\x22:\x22Studio Buds Plus Black in 3D\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/ivory\/alt\/studiobudsplus\u002Divory\u002D02.jpg\x22,\x22altText\x22:\x22Person wearing Beats Studio Buds earbuds in Ivory\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/ivory\/alt\/studiobudsplus\u002Divory\u002D02.jpg\x22,\x22altTextThumbnail\x22:\x22Person wearing Beats Studio Buds earbuds in Ivory\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x223x Larger Microphones\x22,\x22textDesc\x22:\x22For Improved Call Quality\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Studio Buds Plus Ivory\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/ivory\/alt\/studiobudsplus\u002Divory\u002D03.jpg\x22,\x22altText\x22:\x22Beats Studio Buds + displayed with the number 36\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/ivory\/alt\/studiobudsplus\u002Divory\u002D03.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Studio Buds + displayed with the number 36\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22Up to 36 Hours of Listening Time\x22,\x22textDesc\x22:\x22With Charging Case<sup>5<\/sup>\x22,\x22overlay\x22:true,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Studio Buds Plus Ivory\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/ivory\/alt\/studiobudsplus\u002Divory\u002D04.jpg\x22,\x22altText\x22:\x22Beats Studio Buds + earbud demonstrating Active Noise Cancellation with sound wave graphics\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/ivory\/alt\/studiobudsplus\u002Divory\u002D04.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Studio Buds + earbud demonstrating Active Noise Cancellation with sound wave graphics\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22Up to 1.6x Improved Active Noise Cancelling\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Studio Buds Plus Ivory\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/ivory\/alt\/studiobudsplus\u002Divory\u002D05.jpg\x22,\x22altText\x22:\x22Beats Studio Buds + in Ivory with four earth options\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/ivory\/alt\/studiobudsplus\u002Divory\u002D05.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Studio Buds + in Ivory with four earth options\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22Four Eartip Options\x22,\x22textDesc\x22:\x22(XS, S, M, L)\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Studio Buds Plus Ivory\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/ivory\/alt\/studiobudsplus\u002Divory\u002D06.jpg\x22,\x22altText\x22:\x22Beats Studio Buds + earbud in Ivory surrounded by speakers\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/ivory\/alt\/studiobudsplus\u002Divory\u002D06.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Studio Buds + earbud in Ivory surrounded by speakers\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22Supports Spatial Audio\x22,\x22textDesc\x22:\x22For Immersive Music<sup>3<\/sup>\x22,\x22overlay\x22:true,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Studio Buds Plus Ivory\x22},{\x22videoLength\x22:90,\x22type\x22:\x22video\x22,\x22videoSrc\x22:{\x22transcript\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/global\/video\/unboxing\/captions\/studiobudsplus\u002Dunboxing\u002Ddesktop_en.txt\x22,\x22caption\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/global\/video\/unboxing\/captions\/studiobudsplus\u002Dunboxing\u002Ddesktop_en.vtt\x22,\x22autoEnableCaption\x22:false,\x22codec_tag_string\x22:\x22\x22,\x22mp4\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/global\/video\/unboxing\/studiobudsplus\u002Dunboxing\u002Ddesktop.mp4.rendition.mp4\x22,\x22webm\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/global\/video\/unboxing\/studiobudsplus\u002Dunboxing\u002Ddesktop.mp4.rendition.webm\x22},\x22altText\x22:\x22Thumbnail of the Unboxing video with a play button in the center\x22,\x22ariaLabel\x22:\x22Play video\x22,\x22altTextThumbnail\x22:\x22Thumbnail of the Unboxing video with a play button in the center\x22,\x22ariaLabelThumbnail\x22:\x22Video thumbnail\x22,\x22fallbackImg\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/studiobudsplus\u002Dunboxing.jpg\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/studiobudsplus\u002Dunboxing.jpg\x22,\x22btnColor\x22:\x22btn\u002Dcolor\u002Dlight\x22,\x22lastFrame\x22:\x22asset\x22,\x22textTitle\x22:\x22Video: Unboxing\x22,\x22textDesc\x22:\x22\x22,\x22videoType\x22:\x22inline\u002Duser\u002Dplayback\x22,\x22analyticsLabel\x22:\x22Video: Unboxing\x22,\x22imageFileExtension\x22:\x22.mp4\x22,\x22analyticsSlideName\x22:\x22Video: Unboxing\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}},\x22MQLK3LL\/A\x22:{\x22displayPrice\x22:\x22<span class=\\\x22pdp\u002Dprice pdp\u002Dprice\u002Dorig\\\x22 data\u002Dselector\u002Dprice=\\\x22\\\x22>$229.95<\/span>\x22,\x22originalPrice\x22:\x22$229.95\x22,\x22numericPrice\x22:\x22229.95\x22,\x22aosUrl\x22:\x22https:\/\/www.apple.com\/ca\/shop\/product\/MQLK3LL\/A?cid=beats_wb_pdp_evergreen_ca_studiobudsplus_na\x22,\x22cid\x22:\x22beats_wb_pdp_evergreen_ca_studiobudsplus_na\x22,\x22background\x22:\x22#B4B7C5\x22,\x22collection\x22:\x22\x22,\x22theme\x22:\x22pdp\u002Dtheme\u002Dlight\x22,\x22productFamily\x22:\x22Earphones\x22,\x22subFamily\x22:\x22Beats Studio Buds +\x22,\x22displayName\x22:\x22Beats Studio Buds + True Wireless Noise Cancelling Earbuds — Transparent\x22,\x22productImage\x22:\x22https:\/\/www.beatsbydre.com\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/global\/serp\/studiobudsplus\u002Dpdp\u002Dglobal\u002Dserp\u002Dtransparent.jpg\x22,\x22structuredDataImage\x22:\x22https:\/\/www.beatsbydre.com\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/global\/serp\/studiobudsplus\u002Dpdp\u002Dglobal\u002Dserp\u002Dtransparent.jpg\x22,\x22urlVariant\x22:\x22transparent\x22,\x22variant\x22:\x22Transparent\x22,\x22colorSwatchImage\x22:\x22\x22,\x22sku\x22:\x22MQLK3LL\/A\x22,\x22addToCartPath\x22:\x22https:\/\/beats\u002Dcart.apple.com\/add\u002Dto\u002Dcart\/en_CA?sku=MQLK3LL\/A\x26cid=beats_wb_pdp_evergreen_ca_studiobudsplus_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\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/transparent\/alt\/studiobudsplus\u002Dtransparent\u002D01.jpg\x22,\x22altText\x22:\x22Beats Studio Buds + earbuds in Transparent displayed with charging case\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/transparent\/alt\/studiobudsplus\u002Dtransparent\u002D01.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Studio Buds + earbuds in Transparent displayed with charging case\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:false,\x22analyticsSlideName\x22:\x22Studio Buds Plus Transparent\x22},{\x22type\x22:\x223d\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/global\/3d\/studio\u002Dbuds\u002Dplus\u002Dblackgold.glb\x22,\x22iosSrc\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/global\/3d\/studio\u002Dbuds\u002Dplus\u002Dblackgold.usdz\x22,\x22helperText\x22:\x22Press and drag to rotate in 3D**\x22,\x22arialLabel\x22:\x22Press and drag to rotate in 3D**\x22,\x22fallbackImg\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/transparent\/pc\u002Dstudiobudsplus\u002Dtransparent\u002Dearbuds\u002Dinside\u002Doutside.jpg\x22,\x22altText\x22:\x22Beats Studio Buds + showing on\u002Dear controls, which allow you to manage calls and control music.\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\x22,\x22toneMapping\x22:\x22aces\x22,\x22color\x22:\x22\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/transparent\/pc\u002Dstudiobudsplus\u002Dtransparent\u002Dearbuds\u002Dinside\u002Doutside.jpg.thumb.319.319.png\x22,\x22altTextThumbnail\x22:\x22\x22,\x22ariaLabelThumbnail\x22:\x22\x22,\x22analyticsSlideName\x22:\x22Studio Buds Plus Black in 3D\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/transparent\/alt\/studiobudsplus\u002Dtransparent\u002D02.jpg\x22,\x22altText\x22:\x22Person wearing Beats Studio Buds earbuds in Transparent\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/transparent\/alt\/studiobudsplus\u002Dtransparent\u002D02.jpg\x22,\x22altTextThumbnail\x22:\x22Person wearing Beats Studio Buds earbuds in Transparent\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x223x Larger Microphones\x22,\x22textDesc\x22:\x22For Improved Call Quality\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Studio Buds Plus Transparent\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/transparent\/alt\/studiobudsplus\u002Dtransparent\u002D03.jpg\x22,\x22altText\x22:\x22Beats Studio Buds + displayed with the number 36\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/transparent\/alt\/studiobudsplus\u002Dtransparent\u002D03.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Studio Buds + displayed with the number 36\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22Up to 36 Hours of Listening Time\x22,\x22textDesc\x22:\x22With Charging Case<sup>5<\/sup>\x22,\x22overlay\x22:true,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Studio Buds Plus Transparent\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/transparent\/alt\/studiobudsplus\u002Dtransparent\u002D04.jpg\x22,\x22altText\x22:\x22Beats Studio Buds + earbud demonstrating Active Noise Cancellation with sound wave graphics\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/transparent\/alt\/studiobudsplus\u002Dtransparent\u002D04.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Studio Buds + earbud demonstrating Active Noise Cancellation with sound wave graphics\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22Up to 1.6x Improved Active Noise Cancelling\x22,\x22textDesc\x22:\x22\x22,\x22overlay\x22:true,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Studio Buds Plus Transparent\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/transparent\/alt\/studiobudsplus\u002Dtransparent\u002D05.jpg\x22,\x22altText\x22:\x22Beats Studio Buds + in Transparent on a table\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/transparent\/alt\/studiobudsplus\u002Dtransparent\u002D05.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Studio Buds + in Transparent on a table\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22Four Eartip Options\x22,\x22textDesc\x22:\x22(XS, S, M, L)\x22,\x22overlay\x22:false,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Studio Buds Plus Transparent\x22},{\x22type\x22:\x22image\x22,\x22src\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/transparent\/alt\/studiobudsplus\u002Dtransparent\u002D06.jpg\x22,\x22altText\x22:\x22Beats Studio Buds + earbud in Transparent surrounded by speakers\x22,\x22ariaLabel\x22:\x22Preview Image\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/transparent\/alt\/studiobudsplus\u002Dtransparent\u002D06.jpg\x22,\x22altTextThumbnail\x22:\x22Beats Studio Buds + earbud in Transparent surrounded by speakers\x22,\x22ariaLabelThumbnail\x22:\x22Select thumbnail\x22,\x22textTitle\x22:\x22Supports Spatial Audio\x22,\x22textDesc\x22:\x22For Immersive Music<sup>3<\/sup>\x22,\x22overlay\x22:true,\x22lifestyle\x22:true,\x22analyticsSlideName\x22:\x22Studio Buds Plus Transparent\x22},{\x22videoLength\x22:90,\x22type\x22:\x22video\x22,\x22videoSrc\x22:{\x22transcript\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/global\/video\/unboxing\/captions\/studiobudsplus\u002Dunboxing\u002Ddesktop_en.txt\x22,\x22caption\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/global\/video\/unboxing\/captions\/studiobudsplus\u002Dunboxing\u002Ddesktop_en.vtt\x22,\x22autoEnableCaption\x22:false,\x22codec_tag_string\x22:\x22\x22,\x22mp4\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/global\/video\/unboxing\/studiobudsplus\u002Dunboxing\u002Ddesktop.mp4.rendition.mp4\x22,\x22webm\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/global\/video\/unboxing\/studiobudsplus\u002Dunboxing\u002Ddesktop.mp4.rendition.webm\x22},\x22altText\x22:\x22Thumbnail of the Unboxing video with a play button in the center\x22,\x22ariaLabel\x22:\x22Play video\x22,\x22altTextThumbnail\x22:\x22Thumbnail of the Unboxing video with a play button in the center\x22,\x22ariaLabelThumbnail\x22:\x22Video thumbnail\x22,\x22fallbackImg\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/studiobudsplus\u002Dunboxing.jpg\x22,\x22thumbnail\x22:\x22\/content\/dam\/beats\/web\/product\/earbuds\/studio\u002Dbuds\u002Dplus\/pdp\/product\u002Dcarousel\/studiobudsplus\u002Dunboxing.jpg\x22,\x22btnColor\x22:\x22btn\u002Dcolor\u002Dlight\x22,\x22lastFrame\x22:\x22asset\x22,\x22textTitle\x22:\x22Video: Unboxing\x22,\x22textDesc\x22:\x22\x22,\x22videoType\x22:\x22inline\u002Duser\u002Dplayback\x22,\x22analyticsLabel\x22:\x22Video: Unboxing\x22,\x22imageFileExtension\x22:\x22.mp4\x22,\x22analyticsSlideName\x22:\x22Video: Unboxing\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="MQLH3LL/A" data-selected-productname="Beats Studio Buds + True Wireless Noise Cancelling Earbuds — Black / Gold" data-selected-productfamily="Earphones" data-selected-subfamily="Beats Studio Buds +" data-selected-color="Black / Gold" data-selected-price="$229.95"/> <div data-analytics-module="PDP Product Carousel" data-analytics-region="Studio Buds + Carousel" class="product-main"> <div class="product-main__visual"> <div class="product-carousel-el" data-id="MQLH3LL/A" data-aria-label-next="Next" data-aria-label-previous="Previous" data-aria-label-close="Close" data-analytics-module="PDP Product Carousel" data-analytics-region="Studio Buds + Carousel" data-disclaimer="Press image to open expanded view&lt;i class=&#34;fa fa-expand&#34; style=&#34;margin-left: 8px; vertical-align: middle;&#34;>&lt;/i>"></div> </div> <div class="product-main__head"> <span class="product-detail__eyebrow product-detail__eyebrow--minheight" data-dynamic-eyebrow data-id="MQLH3LL/A"> </span> <h1 class="product-detail__title">Beats Studio Buds <sub style="font-weight: 900;vertical-align: middle;font-size: 120.0%;line-height: 0;">+</sub></h1> <div class="product-detail__description"> <p>Powerful Sound. Perfect Fit.</p> </div> </div> <div class="product-main__content"> <div class="product-detail"> <div class="product-detail__price" data-dynamic-price data-id="MQLH3LL/A"> <span class="a11y price__discount">Sale Price</span> <span class="price">$229.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="MQLH3LL/A" data-color-legend="Color:"></div> <div class="product-detail__cta"> <div class="buy-button-el" data-id="MQLH3LL/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 &lt;i class=&#34;fa fa-apple&#34;>&lt;/i>">ADD TO BAG <i class="fa fa-apple"></i></div> </div> <div class="product-bar-el" data-id="MQLH3LL/A" data-aria-discount-price="Sale Price" data-aria-original-price="Original Price" data-title="Beats Studio Buds&amp;nbsp;&lt;sub style=&#34;font-weight: 900; vertical-align: middle; font-size: 120%; margin-left: -3px; line-height: 0;&#34;>+&lt;/sub>" data-color-select-behavior="cart" data-cart-url="https://beats-cart.apple.com/atb" data-locale="en_CA" data-selected-cta="ADD TO BAG &lt;i class=&#34;fa fa-apple&#34;>&lt;/i>"></div> <div class="product-detail__extra" data-value-props data-id="MQLH3LL/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-a9295400-1e14-3e68-a9cd-400305326683 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-a9295400-1e14-3e68-a9cd-400305326683 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-a9295400-1e14-3e68-a9cd-400305326683 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-a9295400-1e14-3e68-a9cd-400305326683"></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-22d724ef-a2db-36fd-8835-86b01e3220d8 { background: #fff; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-22d724ef-a2db-36fd-8835-86b01e3220d8:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-22d724ef-a2db-36fd-8835-86b01e3220d8 .outer-container { width: 91.66666%; max-width: 1000px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-22d724ef-a2db-36fd-8835-86b01e3220d8:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-22d724ef-a2db-36fd-8835-86b01e3220d8 .outer-container { width: 90%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-22d724ef-a2db-36fd-8835-86b01e3220d8:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-22d724ef-a2db-36fd-8835-86b01e3220d8 .outer-container { width: 90%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-22d724ef-a2db-36fd-8835-86b01e3220d8" data-desktop-bg-color="#fff" id="BGContainer-246a839e-b5a0-3a51-af3e-d1f331f198d1"> <div class="outer-container"> <div class="content-container"> <div><div class="beatsRTE parbase section"><!-- This components accepts free text from authors and renders --> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="subheadline" data-analytics-scroll> <div id="RTE-59a4d6ef-0b1b-3600-b8a7-12c87dc8953c" class="rte-container-41756cfc-7c7d-3c5f-9315-12a4230db626 beatsRTE-desktoptext component-section-spacing beatsRTE"> <h2 class="font-updated" style="text-align: center; font-weight: 700; font-size: clamp(2rem, 1.0769rem + 1.4423vw, 2.375rem); letter-spacing: -1px; line-height: 1.1; margin: 0;">Beats Studio&nbsp;Buds&nbsp;<sub style="font-weight: 900; vertical-align: middle; font-size: 120%; margin-left: -3px; line-height: 0;">+</sub> True Wireless Noise Cancelling Earbuds</h2> </div> <div id="RTE-59a4d6ef-0b1b-3600-b8a7-12c87dc8953c" class="rte-container-41756cfc-7c7d-3c5f-9315-12a4230db626 beatsRTE-tablettext component-section-spacing beatsRTE"> <h2 class="font-updated" style="text-align: center; font-weight: 700; font-size: clamp(1.875rem, 1.6085rem + 1.0033vw, 2.25rem); letter-spacing: -1px; line-height: 1.1; margin: 0;">Beats Studio&nbsp;Buds&nbsp;<sub style="font-weight: 900; vertical-align: middle; font-size: 120%; margin-left: -3px; line-height: 0;">+</sub> True Wireless Noise Cancelling Earbuds</h2> </div> <div id="RTE-59a4d6ef-0b1b-3600-b8a7-12c87dc8953c" class="rte-container-41756cfc-7c7d-3c5f-9315-12a4230db626 beatsRTE-mobiletext component-section-spacing beatsRTE"> <h2 class="font-updated" style="text-align: left; font-weight: 700; font-size: clamp(1.75rem, 0.9881rem + 3.8095vw, 2rem); letter-spacing: -1px; line-height: 1.1; margin: 0;">Beats Studio&nbsp;Buds&nbsp;<sub style="font-weight: 900; vertical-align: middle; font-size: 120%; margin-left: -3px; line-height: 0;">+</sub> True Wireless Noise Cancelling Earbuds</h2> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-2f16de53-95a4-3a44-bb63-95f6ac14dfa0 { padding-top: 45px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-2f16de53-95a4-3a44-bb63-95f6ac14dfa0 { padding-top: 35px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-2f16de53-95a4-3a44-bb63-95f6ac14dfa0 { padding-top: 35px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-2f16de53-95a4-3a44-bb63-95f6ac14dfa0"></section> </div> <div class="beatsRTE parbase section"><!-- This components accepts free text from authors and renders --> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="product_icons_and_features" data-analytics-scroll> <div id="RTE-979ff3d3-72a4-341d-86ce-e2153bb8b8e4" class="rte-container-47e84f73-f7cb-37bb-ba3d-47808fc9a30b beatsRTE-desktoptext component-section-spacing beatsRTE"> <div class="font-updated" style="display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr max-content; text-align: center; grid-gap: 2vw; align-items: baseline; font-weight: 400; font-size: clamp(1.125rem, 0.8173rem + 0.4808vw, 1.25rem); line-height: 1.4; letter-spacing: -0.2px;"> <div style="display: grid; grid-template-rows: 2fr;"> <p><i style="font-size: 70px;" class="fa-kit fa-noise-cancelling" aria-hidden="true"><span style="display: none;">hidden placeholder</span></i></p> <h2 style="font-weight: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; margin: 0;">Up to 1.6x More<br> Active Noise Cancelling<sup>1</sup></h2> </div> <div style="display: grid; grid-template-rows: 2fr;"> <p><i style="font-size: 70px;" class="fa-kit fa-battery" aria-hidden="true"><span style="display: none;">hidden placeholder</span></i></p> <h2 style="font-weight: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; margin: 0;">Up to 36 Hours of Listening Time with Charging Case<sup>2</sup></h2> </div> <div style="display: grid; grid-template-rows: 2fr;"> <p><i style="font-size: 70px;" class="fa-kit fa-mic-call-clarity" aria-hidden="true"><span style="display: none;">hidden placeholder</span></i></p> <h2 style="font-weight: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; margin: 0;">3x Larger Mics for
 Crisp, Clear Calls<sup>1</sup></h2> </div> <div style="display: grid; grid-template-rows: 2fr;"> <p><i style="font-size: 70px;" class="fa-kit fa-apple-android-compatibility-1" aria-hidden="true"><span style="display: none;">hidden placeholder</span></i></p> <h2 style="font-weight: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; margin: 0;">Compatible with<br> Apple &amp; Android</h2> </div> </div> </div> <div id="RTE-979ff3d3-72a4-341d-86ce-e2153bb8b8e4" class="rte-container-47e84f73-f7cb-37bb-ba3d-47808fc9a30b beatsRTE-tablettext component-section-spacing beatsRTE"> <div class="font-updated" style="display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: auto; text-align: center; grid-gap: 2vw; align-items: baseline; font-weight: 400; font-size: clamp(1.125rem, 1.0362rem + 0.3344vw, 1.25rem); line-height: 1.4; letter-spacing: -0.2px;"> <div style="display: grid; grid-template-rows: 2fr;"> <p><i style="font-size: 70px;" class="fa-kit fa-noise-cancelling" aria-hidden="true"><span style="display: none;">hidden placeholder</span></i></p> <h2 style="font-weight: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; margin: 0;">Up to 1.6x More<br> Active Noise Cancelling<sup>1</sup></h2> </div> <div style="display: grid; grid-template-rows: 2fr;"> <p><i style="font-size: 70px;" class="fa-kit fa-battery" aria-hidden="true"><span style="display: none;">hidden placeholder</span></i></p> <h2 style="font-weight: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; margin: 0;">Up to 36 Hours of Listening Time with Charging Case<sup>2</sup></h2> </div> <div style="display: grid; grid-template-rows: 2fr;"> <p><i style="font-size: 70px;" class="fa-kit fa-mic-call-clarity" aria-hidden="true"><span style="display: none;">hidden placeholder</span></i></p> <h2 style="font-weight: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; margin: 0;">3x Larger Mics for
 Crisp, Clear Calls<sup>1</sup></h2> </div> <div style="display: grid; grid-template-rows: 2fr;"> <p><i style="font-size: 70px;" class="fa-kit fa-apple-android-compatibility-1" aria-hidden="true"><span style="display: none;">hidden placeholder</span></i></p> <h2 style="font-weight: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; margin: 0;">Compatible with<br> Apple &amp; Android</h2> </div> </div> </div> <div id="RTE-979ff3d3-72a4-341d-86ce-e2153bb8b8e4" class="rte-container-47e84f73-f7cb-37bb-ba3d-47808fc9a30b beatsRTE-mobiletext component-section-spacing beatsRTE"> <div class="font-updated" style="display: grid; grid-template-columns: 1fr 1fr; text-align: center; grid-gap: 8vw; align-items: baseline; font-weight: 400; font-size: clamp(1rem, 0.619rem + 1.9048vw, 1.125rem); line-height: 1.4; letter-spacing: -0.2px;"> <div style="display: grid; grid-template-rows: 2fr;"> <p><i style="font-size: 70px;" class="fa-kit fa-noise-cancelling" aria-hidden="true"><span style="display: none;">hidden placeholder</span></i></p> <h2 style="font-weight: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; margin: 0;">Up to 1.6x More Active Noise Cancelling<sup>1</sup></h2> </div> <div style="display: grid; grid-template-rows: 2fr;"> <p><i style="font-size: 70px;" class="fa-kit fa-battery" aria-hidden="true"><span style="display: none;">hidden placeholder</span></i></p> <h2 style="font-weight: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; margin: 0;">Up to 36 Hours of Listening Time with Charging Case<sup>2</sup></h2> </div> <div style="display: grid; grid-template-rows: 2fr;"> <p><i style="font-size: 70px;" class="fa-kit fa-mic-call-clarity" aria-hidden="true"><span style="display: none;">hidden placeholder</span></i></p> <h2 style="font-weight: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; margin: 0;">3x Larger Mics for 
Crisp, Clear Calls<sup>1</sup></h2> </div> <div style="display: grid; grid-template-rows: 2fr;"> <p><i style="font-size: 70px;" class="fa-kit fa-apple-android-compatibility-1" aria-hidden="true"><span style="display: none;">hidden placeholder</span></i></p> <h2 style="font-weight: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; margin: 0;">Compatible with Apple &amp; Android</h2> </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-0cf55a5c-f6f4-37bd-b24c-0f4bd16d05d6 { background: #fff; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-0cf55a5c-f6f4-37bd-b24c-0f4bd16d05d6:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-0cf55a5c-f6f4-37bd-b24c-0f4bd16d05d6 .outer-container { width: 91.66666%; max-width: 1306px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-0cf55a5c-f6f4-37bd-b24c-0f4bd16d05d6:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-0cf55a5c-f6f4-37bd-b24c-0f4bd16d05d6 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-0cf55a5c-f6f4-37bd-b24c-0f4bd16d05d6:not(.bg-color-match-enabled) { background: #fff; } .bbd-full-width-container.id-0cf55a5c-f6f4-37bd-b24c-0f4bd16d05d6 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-0cf55a5c-f6f4-37bd-b24c-0f4bd16d05d6" data-desktop-bg-color="#fff" id="BGContainer-3f9c09ae-e21f-36b5-9b9f-b41ebccd974c"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-f1114b0b-04ab-3d2f-8bef-04865784481f { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-f1114b0b-04ab-3d2f-8bef-04865784481f { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-f1114b0b-04ab-3d2f-8bef-04865784481f { padding-top: 80px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-f1114b0b-04ab-3d2f-8bef-04865784481f"></section> </div> <div class="beatsRTE parbase section"><!-- This components accepts free text from authors and renders --> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="view_all_details_dropdown" data-analytics-scroll> <div id="RTE-7d8ad64d-1f37-3d3b-98e7-9dc4ce5d770d" class="rte-container-7d312d1a-94f6-35a6-be31-84c42098a9c7 beatsRTE-desktoptext 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 style="font-size: clamp(1.3125rem, 0.851rem + 0.7212vw, 1.5rem); font-weight: 700; letter-spacing: -0.2px;">View all details<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" aria-hidden="true" style="font-size: clamp(1.125rem, 0.8173rem + 0.4808vw, 1.25rem); line-height: 1.4; letter-spacing: -0.2px; overflow: auto;" id="pdp-details-body-desktop"> <div style="order: 0; display: flex; margin-bottom: 32px;"> <h3 class="pdp-detail-title" style="flex: 1 1 20%; margin: 0 1.4rem 0 0; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Sound</h3> <div style="flex: 1 0 70%;"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin-bottom: 10px;">Custom acoustic platform delivers powerful, immersive sound</li> <li style="margin-bottom: 10px;">Active Noise Cancelling (ANC) adapts to your personal fit to keep you immersed in the music</li> <li style="margin-bottom: 10px;">Transparency mode blends your listening experience with the world around you</li> <li style="margin-bottom: 10px;">Spatial audio for Dolby Atmos surrounds you with sound<sup>3</sup></li> </ul> </div> </div> <div style="order: 1; display: flex; margin-bottom: 32px;"> <h3 class="pdp-detail-title" style="flex: 1 1 20%; margin: 0 1.4rem 0 0; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Design</h3> <div style="flex: 1 0 70%;"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin-bottom: 10px;">Three new acoustic vents to improve audio precision and gently relieve pressure for a more comfortable-all day fit</li> <li style="margin-bottom: 10px;">IPX4-rated sweat and water resistant earbuds<sup>4</sup></li> <li style="margin-bottom: 10px;">Earbuds: <ul style="margin-left: 1em;"> <li>Length: 2.05cm / 0.81in</li> <li>Width: 1.85cm / 0.73in</li> <li>Height: 1.5cm / 0.59in</li> <li>Weight: 5.0g</li> </ul></li> <li style="margin-bottom: 10px;">Case: <ul style="margin-left: 1em;"> <li>Length: 7.2cm / 2.83in</li> <li>Width: 5.1cm / 2.0in</li> <li>Height: 2.55cm / 1.0in</li> <li>Weight: 49.0g</li> </ul></li> </ul> </div> </div> <div style="order: 2; display: flex; margin-bottom: 32px;"> <h3 class="pdp-detail-title" style="flex: 1 1 20%; margin: 0px 1.4rem 0px 0px; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Connectivity</h3> <div style="flex: 1 0 70%;"> <ul style="letter-spacing: inherit;"> <li style="margin-bottom: 10px;">Industry-leading Class 1 Bluetooth<sup>®</sup> for extended range and fewer dropouts</li> <li style="margin-bottom: 10px;">High-quality call performance from upgraded voice-targeting microphones</li> </ul> <h3 class="pdp-detail-title" style="margin: 0 0 0 -1rem; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Native Apple Features:</h3> <ul style="letter-spacing: inherit;"> <li style="margin-bottom: 10px;">One-touch pairing instantly connects with every device in your iCloud account<sup>5</sup></li> <li style="margin-bottom: 10px;">“Hey Siri”<sup>*</sup> hands-free voice assistant<sup>6</sup></li> <li style="margin-bottom: 10px;">Use the Find My app on your iOS device to locate your lost earbuds on a map based on the last known connected location</li> <li style="margin-bottom: 10px;">Receive software updates and new features automatically</li> </ul> <h3 class="pdp-detail-title" style="margin: 0 0 0 -1rem; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Native Android Features:</h3> <ul style="letter-spacing: inherit;"> <li style="margin-bottom: 10px;">Google Fast Pair: connect quickly with a single tap and automatically pair to all Android or Chrome devices registered to your Gmail account<sup>7</sup></li> <li style="margin-bottom: 10px;">Audio Switch: seamlessly transition audio between your Android, Chromebook, and other compatible devices<sup>8</sup></li> <li style="margin-bottom: 10px;">Find My Device: easily locate your lost buds with Google Find My Device<sup>9</sup></li> </ul> <p style="margin-bottom: 10px;">For additional features, download the <a href="/ca/mobile-apps" style="color: inherit; text-decoration: underline;">Beats app</a> to unlock access to product customization, software updates, and new features to get the most out of your headphones.</p> </div> </div> <div style="order: 3; display: flex; margin-bottom: 32px;"> <h3 class="pdp-detail-title" style="flex: 1 1 20%; margin: 0 1.4rem 0 0; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Power</h3> <div style="flex: 1 0 70%;"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin-bottom: 10px;">Up to 36 hours of total listening time (up to 9 hours from the earbuds and three additional charges from the charging case)<sup>2</sup></li> <li style="margin-bottom: 10px;">With ANC/Transparency mode on, you’ll get up to 24 hours of total listening time (up to 6 hours from the earbuds and three additional charges from the charging case).<sup>10</sup></li> <li style="margin-bottom: 10px;">With Fast Fuel, a 5-minute charge gives up to 1 hour of playback when battery is low<sup>11</sup></li> <li style="margin-bottom: 10px;">USB-C universal charging</li> <li style="margin-bottom: 10px;">Rechargeable lithium-ion battery</li> </ul> </div> </div> <div style="order: 4; display: flex; margin-bottom: 32px;"> <h3 class="pdp-detail-title" style="flex: 1 1 20%; margin: 0 1.4rem 0 0; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Controls</h3> <div style="flex: 1 0 70%;"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin-bottom: 10px;">Single multi-function button per side</li> <li style="margin-bottom: 10px;">On-device controls for music, calls, and voice assistant</li> <li style="margin-bottom: 10px;">Built-in voice-targeting microphones filter out background noise to enhance voice clarity</li> </ul> </div> </div> <div style="order: 5; display: flex; margin-bottom: 32px;"> <h3 class="pdp-detail-title" style="flex: 1 1 20%; margin: 0 1.4rem 0 0; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">In the Box</h3> <div style="flex: 1 0 70%;"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin-bottom: 10px;">Beats Studio Buds + earbuds</li> <li style="margin-bottom: 10px;">Silicone ear tips with four size options — XS/S/M/L</li> <li style="margin-bottom: 10px;">Matching pocketable charging case</li> <li style="margin-bottom: 10px;">USB-C to USB-C charging cable (power adaptor sold separately)</li> <li style="margin-bottom: 10px;">Warranty card</li> </ul> </div> </div> <div style="order: 6; display: flex; margin-bottom: 32px;"> <h3 class="pdp-detail-title" style="flex: 1 1 20%; margin: 0 1.4rem 0 0; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Packaging</h3> <div style="flex: 1 0 70%;"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin-bottom: 10px;">Beats Studio&nbsp;Buds&nbsp;+ packaging is made from 95% plant-based material sourced from recycled fiber and/or sustainable forests<sup>12</sup></li> </ul> </div> </div> </div> </section> </div> <div style="height: 10px; border-top: 1px solid #dddddd;"> &nbsp; </div> </div> <div id="RTE-7d8ad64d-1f37-3d3b-98e7-9dc4ce5d770d" class="rte-container-7d312d1a-94f6-35a6-be31-84c42098a9c7 beatsRTE-tablettext 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 style="font-size: clamp(1.3125rem, 0.851rem + 0.7212vw, 1.5rem); font-weight: 700; letter-spacing: -0.2px;">View all details<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" aria-hidden="true" style="font-size: clamp(1.125rem, 0.8173rem + 0.4808vw, 1.25rem); line-height: 1.4; letter-spacing: -0.2px; overflow: auto;" id="pdp-details-body-desktop"> <div style="order: 0; display: flex; margin-bottom: 32px;"> <h3 class="pdp-detail-title" style="flex: 1 1 20%; margin: 0 1.4rem 0 0; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Sound</h3> <div style="flex: 1 0 70%;"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin-bottom: 10px;">Custom acoustic platform delivers powerful, immersive sound</li> <li style="margin-bottom: 10px;">Active Noise Cancelling (ANC) adapts to your personal fit to keep you immersed in the music</li> <li style="margin-bottom: 10px;">Transparency mode blends your listening experience with the world around you</li> <li style="margin-bottom: 10px;">Spatial audio for Dolby Atmos surrounds you with sound<sup>3</sup></li> </ul> </div> </div> <div style="order: 1; display: flex; margin-bottom: 32px;"> <h3 class="pdp-detail-title" style="flex: 1 1 20%; margin: 0 1.4rem 0 0; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Design</h3> <div style="flex: 1 0 70%;"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin-bottom: 10px;">Three new acoustic vents to improve audio precision and gently relieve pressure for a more comfortable-all day fit</li> <li style="margin-bottom: 10px;">IPX4-rated sweat and water resistant earbuds<sup>4</sup></li> <li style="margin-bottom: 10px;">Earbuds: <ul style="margin-left: 1em;"> <li>Length: 2.05cm / 0.81in</li> <li>Width: 1.85cm / 0.73in</li> <li>Height: 1.5cm / 0.59in</li> <li>Weight: 5.0g</li> </ul></li> <li style="margin-bottom: 10px;">Case: <ul style="margin-left: 1em;"> <li>Length: 7.2cm / 2.83in</li> <li>Width: 5.1cm / 2.0in</li> <li>Height: 2.55cm / 1.0in</li> <li>Weight: 49.0g</li> </ul></li> </ul> </div> </div> <div style="order: 2; display: flex; margin-bottom: 32px;"> <h3 class="pdp-detail-title" style="flex: 1 1 20%; margin: 0px 1.4rem 0px 0px; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Connectivity</h3> <div style="flex: 1 0 70%;"> <ul style="letter-spacing: inherit;"> <li style="margin-bottom: 10px;">Industry-leading Class 1 Bluetooth<sup>®</sup> for extended range and fewer dropouts</li> <li style="margin-bottom: 10px;">High-quality call performance from upgraded voice-targeting microphones</li> </ul> <h3 class="pdp-detail-title" style="margin: 0 0 0 -1rem; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Native Apple Features:</h3> <ul style="letter-spacing: inherit;"> <li style="margin-bottom: 10px;">One-touch pairing instantly connects with every device in your iCloud account<sup>5</sup></li> <li style="margin-bottom: 10px;">“Hey Siri”<sup>*</sup> hands-free voice assistant<sup>6</sup></li> <li style="margin-bottom: 10px;">Use the Find My app on your iOS device to locate your lost earbuds on a map based on the last known connected location</li> <li style="margin-bottom: 10px;">Receive software updates and new features automatically</li> </ul> <h3 class="pdp-detail-title" style="margin: 0 0 0 -1rem; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Native Android Features:</h3> <ul style="letter-spacing: inherit;"> <li style="margin-bottom: 10px;">Google Fast Pair: connect quickly with a single tap and automatically pair to all Android or Chrome devices registered to your Gmail account<sup>7</sup></li> <li style="margin-bottom: 10px;">Audio Switch: seamlessly transition audio between your Android, Chromebook, and other compatible devices<sup>8</sup></li> <li style="margin-bottom: 10px;">Find My Device: easily locate your lost buds with Google Find My Device<sup>9</sup></li> </ul> <p style="margin-bottom: 10px;">For additional features, download the <a href="/ca/mobile-apps" style="color: inherit; text-decoration: underline;">Beats app</a> to unlock access to product customization, software updates, and new features to get the most out of your headphones.</p> </div> </div> <div style="order: 3; display: flex; margin-bottom: 32px;"> <h3 class="pdp-detail-title" style="flex: 1 1 20%; margin: 0 1.4rem 0 0; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Power</h3> <div style="flex: 1 0 70%;"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin-bottom: 10px;">Up to 36 hours of total listening time (up to 9 hours from the earbuds and three additional charges from the charging case)<sup>2</sup></li> <li style="margin-bottom: 10px;">With ANC/Transparency mode on, you’ll get up to 24 hours of total listening time (up to 6 hours from the earbuds and three additional charges from the charging case).<sup>10</sup></li> <li style="margin-bottom: 10px;">With Fast Fuel, a 5-minute charge gives up to 1 hour of playback when battery is low<sup>11</sup></li> <li style="margin-bottom: 10px;">USB-C universal charging</li> <li style="margin-bottom: 10px;">Rechargeable lithium-ion battery</li> </ul> </div> </div> <div style="order: 4; display: flex; margin-bottom: 32px;"> <h3 class="pdp-detail-title" style="flex: 1 1 20%; margin: 0 1.4rem 0 0; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Controls</h3> <div style="flex: 1 0 70%;"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin-bottom: 10px;">Single multi-function button per side</li> <li style="margin-bottom: 10px;">On-device controls for music, calls, and voice assistant</li> <li style="margin-bottom: 10px;">Built-in voice-targeting microphones filter out background noise to enhance voice clarity</li> </ul> </div> </div> <div style="order: 5; display: flex; margin-bottom: 32px;"> <h3 class="pdp-detail-title" style="flex: 1 1 20%; margin: 0 1.4rem 0 0; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">In the Box</h3> <div style="flex: 1 0 70%;"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin-bottom: 10px;">Beats Studio Buds + earbuds</li> <li style="margin-bottom: 10px;">Silicone ear tips with four size options — XS/S/M/L</li> <li style="margin-bottom: 10px;">Matching pocketable charging case</li> <li style="margin-bottom: 10px;">USB-C to USB-C charging cable (power adaptor sold separately)</li> <li style="margin-bottom: 10px;">Warranty card</li> </ul> </div> </div> <div style="order: 6; display: flex; margin-bottom: 32px;"> <h3 class="pdp-detail-title" style="flex: 1 1 20%; margin: 0 1.4rem 0 0; font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Packaging</h3> <div style="flex: 1 0 70%;"> <ul style="margin: 0; letter-spacing: inherit;"> <li style="margin-bottom: 10px;">Beats Studio&nbsp;Buds&nbsp;+ packaging is made from 95% plant-based material sourced from recycled fiber and/or sustainable forests<sup>12</sup></li> </ul> </div> </div> </div> </section> </div> <div style="height: 10px; border-top: 1px solid #dddddd;"> &nbsp; </div> </div> <div id="RTE-7d8ad64d-1f37-3d3b-98e7-9dc4ce5d770d" class="rte-container-7d312d1a-94f6-35a6-be31-84c42098a9c7 beatsRTE-mobiletext 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: 0;"> <button aria-controls="pdp-details-body-mobile" aria-expanded="false" id="pdp-details-control-mobile" aria-flowto="pdp-detail-mobile-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; text-align: left;"> <h3 style="font-size: clamp(1.125rem, 0.744rem + 1.9048vw, 1.25rem); font-weight: 700;">View all details<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" aria-hidden="true" style="overflow: hidden; font-size: clamp(1rem, 0.619rem + 1.9048vw, 1.125rem); line-height: 1.4;" id="pdp-details-body-mobile"> <div> <h3 class="pdp-detail-title pdp-lrg-body-b" style="font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Sound</h3> <div> <ul class="pdp-med-body" style="list-style-position: outside; margin-left: 1.1em; font-size: inherit; line-height: inherit; letter-spacing: inherit;"> <li style="margin-bottom: 6px;">Custom acoustic platform delivers powerful, immersive sound</li> <li style="margin-bottom: 6px;">Active Noise Cancelling (ANC) adapts to your personal fit to keep you immersed in the music</li> <li style="margin-bottom: 6px;">Transparency mode blends your listening experience with the world around you</li> <li style="margin-bottom: 6px;">Spatial audio for Dolby Atmos surrounds you with sound<sup>3</sup></li> </ul> </div> </div> <div> <h3 class="pdp-detail-title pdp-lrg-body-b" style="font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Design</h3> <div> <ul class="pdp-med-body" style="list-style-position: outside; margin-left: 1.1em; font-size: inherit; line-height: inherit; letter-spacing: inherit;"> <li style="margin-bottom: 6px;">Three new acoustic vents to improve audio precision and gently relieve pressure for a more comfortable-all day fit</li> <li style="margin-bottom: 6px;">IPX4-rated sweat and water resistant earbuds<sup>4</sup></li> <li style="margin-bottom: 6px;">Earbuds: <ul class="pdp-med-body" style="margin-left: 1em;"> <li>Length: 2.05cm / 0.81in</li> <li>Width: 1.85cm / 0.73in</li> <li>Height: 1.5cm / 0.59in</li> <li>Weight: 5.0g</li> </ul></li> <li style="margin-bottom: 6px;">Case: <ul class="pdp-med-body" style="margin-left: 1em;"> <li>Length: 7.2cm / 2.83in</li> <li>Width: 5.1cm / 2.0in</li> <li>Height: 2.55cm / 1.0in</li> <li>Weight: 49.0g</li> </ul></li> </ul> </div> </div> <div> <h3 class="pdp-detail-title pdp-lrg-body-b" style="font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Connectivity</h3> <div> <ul class="pdp-med-body" style="list-style-position: outside; margin-left: 1.1em; font-size: inherit; line-height: inherit; letter-spacing: inherit;"> <li style="margin-bottom: 6px;">Industry-leading Class 1 Bluetooth® for extended range and fewer dropouts</li> <li style="margin-bottom: 6px;">High-quality call performance from upgraded voice-targeting microphones</li> </ul> <h3 class="pdp-detail-title pdp-lrg-body-b" style="font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Native Apple Features:</h3> <ul class="pdp-med-body" style="list-style-position: outside; margin-left: 1.1em; font-size: inherit; line-height: inherit; letter-spacing: inherit;"> <li style="margin-bottom: 6px;">One-touch pairing instantly connects with every device in your iCloud account<sup>5</sup></li> <li style="margin-bottom: 6px;">“Hey Siri”<sup>*</sup> hands-free voice assistant<sup>6</sup></li> <li style="margin-bottom: 6px;">Use the Find My app on your iOS device to locate your lost earbuds on a map based on the last known connected location</li> <li style="margin-bottom: 6px;">Receive software updates and new features automatically</li> </ul> <h3 class="pdp-detail-title pdp-lrg-body-b" style="font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Native Android Features:</h3> <ul class="pdp-med-body" style="list-style-position: outside; margin-left: 1.1em; font-size: inherit; line-height: inherit; letter-spacing: inherit;"> <li style="margin-bottom: 6px;">Google Fast Pair: connect quickly with a single tap and automatically pair to all Android or Chrome devices registered to your Gmail account<sup>7</sup></li> <li style="margin-bottom: 6px;">Audio Switch: seamlessly transition audio between your Android, Chromebook, and other compatible devices<sup>8</sup></li> <li style="margin-bottom: 6px;">Find My Device: easily locate your lost buds with Google Find My Device<sup>9</sup></li> </ul> <p class="pdp-med-body" style="font-size: inherit; line-height: inherit; letter-spacing: inherit; margin-bottom: 6px;">For additional features, download the <a href="/ca/mobile-apps" style="color: inherit; text-decoration: underline;">Beats app</a> to unlock access to product customization, software updates, and new features to get the most out of your headphones.</p> </div> </div> <div> <h3 class="pdp-detail-title pdp-lrg-body-b" style="font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Power</h3> <div> <ul class="pdp-med-body" style="list-style-position: outside; margin-left: 1.1em; font-size: inherit; line-height: inherit; letter-spacing: inherit;"> <li style="margin-bottom: 6px;">Up to 36 hours of total listening time (up to 9 hours from the earbuds and three additional charges from the charging case)<sup>2</sup></li> <li style="margin-bottom: 6px;">With ANC/Transparency mode on, you’ll get up to 24 hours of total listening time (up to 6 hours from the earbuds and three additional charges from the charging case).<sup>10</sup></li> <li style="margin-bottom: 6px;">With Fast Fuel, a 5-minute charge gives up to 1 hour of playback when battery is low<sup>11</sup></li> <li style="margin-bottom: 6px;">USB-C universal charging</li> <li style="margin-bottom: 6px;">Rechargeable lithium-ion battery</li> </ul> </div> </div> <div> <h3 class="pdp-detail-title pdp-lrg-body-b" style="font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Controls</h3> <div> <ul class="pdp-med-body" style="list-style-position: outside; margin-left: 1.1em; font-size: inherit; line-height: inherit; letter-spacing: inherit;"> <li style="margin-bottom: 6px;">Single multi-function button per side</li> <li style="margin-bottom: 6px;">On-device controls for music, calls, and voice assistant</li> <li style="margin-bottom: 6px;">Built-in voice-targeting microphones filter out background noise to enhance voice clarity</li> </ul> </div> </div> <div> <h3 class="pdp-detail-title pdp-lrg-body-b" style="font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">In the Box</h3> <div> <ul class="pdp-med-body" style="list-style-position: outside; margin-left: 1.1em; font-size: inherit; line-height: inherit; letter-spacing: inherit;"> <li style="margin-bottom: 6px;">Beats Studio&nbsp;Buds&nbsp;+ earbuds</li> <li style="margin-bottom: 6px;">Silicone ear tips with four size options — XS/S/M/L</li> <li style="margin-bottom: 6px;">Matching pocketable charging case</li> <li style="margin-bottom: 6px;">USB-C to USB-C charging cable (power adaptor sold separately)</li> <li style="margin-bottom: 6px;">Warranty card</li> </ul> </div> </div> <div> <h3 class="pdp-detail-title pdp-lrg-body-b" style="font-size: inherit; letter-spacing: inherit; font-weight: 700; line-height: inherit;">Packaging</h3> <div> <ul class="pdp-med-body" style="list-style-position: outside; margin-left: 1.1em; font-size: inherit; line-height: inherit; letter-spacing: inherit;"> <li style="margin-bottom: 6px;">Beats Studio&nbsp;Buds&nbsp;+ packaging is made from 95% plant-based material sourced from recycled fiber and/or sustainable forests<sup>12</sup></li> </ul> </div> </div> </div> </section> </div> <div style="height: 10px; border-top: 1px solid #dddddd; margin-top: 10px;"> &nbsp; </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-e3fb46a8-dc81-335d-8633-7815235a4e98 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-e3fb46a8-dc81-335d-8633-7815235a4e98:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-e3fb46a8-dc81-335d-8633-7815235a4e98 .outer-container { width: 91.66666%; max-width: 1136px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-e3fb46a8-dc81-335d-8633-7815235a4e98:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-e3fb46a8-dc81-335d-8633-7815235a4e98 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-e3fb46a8-dc81-335d-8633-7815235a4e98:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-e3fb46a8-dc81-335d-8633-7815235a4e98 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-e3fb46a8-dc81-335d-8633-7815235a4e98" data-desktop-bg-color="transparent" id="BGContainer-13e5167c-d9e6-32c5-978a-cb54cbdfe0a5"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-34a7eeee-6483-35cb-801e-a0406990ec31 { padding-top: 45px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-34a7eeee-6483-35cb-801e-a0406990ec31 { padding-top: 35px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-34a7eeee-6483-35cb-801e-a0406990ec31 { padding-top: 45px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-34a7eeee-6483-35cb-801e-a0406990ec31"></section> </div> <div class="mediaCarousel section"> <style type="text/css"> .media-carousel.media-carousel-3fe1bffc-2e3d-3ab6-893a-11352dc1ea1c .media-carousel__transcript-link { color: #161616; } @media screen and (max-width: 767px) { .media-carousel.media-carousel-3fe1bffc-2e3d-3ab6-893a-11352dc1ea1c .dots .dot.active { } .media-carousel.media-carousel-3fe1bffc-2e3d-3ab6-893a-11352dc1ea1c .dots .dot:not(.active) { } } .media-carousel.media-carousel-3fe1bffc-2e3d-3ab6-893a-11352dc1ea1c .media-carousel__control:not(:disabled) i { } @media (hover: hover) and (pointer: fine) { .media-carousel.media-carousel-3fe1bffc-2e3d-3ab6-893a-11352dc1ea1c .dot:hover:before { } } @media screen and (min-width: 768px) { .media-carousel.media-carousel-3fe1bffc-2e3d-3ab6-893a-11352dc1ea1c ul.dots .dot.active:before { } } .media-carousel.media-carousel-3fe1bffc-2e3d-3ab6-893a-11352dc1ea1c .media-carousel__control:disabled i { } @media screen and (min-width: 768px) { .media-carousel.media-carousel-3fe1bffc-2e3d-3ab6-893a-11352dc1ea1c .media-carousel__navigation__container { background-color: none; } } </style> <div class="bbd-component media-carousel media-carousel-3fe1bffc-2e3d-3ab6-893a-11352dc1ea1c" data-analytics-scroll data-analytics-module="media_carousel" data-analytics-region="studiobudsplus_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="3fe1bffc-2e3d-3ab6-893a-11352dc1ea1c_0"> <img src="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/behind-the-design/studiobudsplus-behind-the-design-thumbnail.jpg" alt=""/> <i class="dot__play fa fa-play-circle notranslate "></i> <p class="dot__title"> <span class="dot__title__text" id="3fe1bffc-2e3d-3ab6-893a-11352dc1ea1c_0"> <span class="dot__title__text__bg"> <span style="text-transform: none;letter-spacing: -0.2px;">Behind the Design</span></span> </span> </p> </li> <li role="tab" class="dot" data-index="1" tabindex="-1" aria-labelledby="3fe1bffc-2e3d-3ab6-893a-11352dc1ea1c_1"> <img src="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/press-reviews/studiobudsplus-press-reviews-thumbnail.jpg" alt=""/> <i class="dot__play fa fa-play-circle notranslate "></i> <p class="dot__title"> <span class="dot__title__text" id="3fe1bffc-2e3d-3ab6-893a-11352dc1ea1c_1"> <span class="dot__title__text__bg"> Product Reviews</span> </span> </p> </li> <li role="tab" class="dot" data-index="2" tabindex="-1" aria-labelledby="3fe1bffc-2e3d-3ab6-893a-11352dc1ea1c_2"> <img src="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/unboxing/studiobudsplus-unboxing-thumbnail.jpg" alt=""/> <i class="dot__play fa fa-play-circle notranslate "></i> <p class="dot__title"> <span class="dot__title__text" id="3fe1bffc-2e3d-3ab6-893a-11352dc1ea1c_2"> <span class="dot__title__text__bg"> <span style="text-transform: none;letter-spacing: -0.2px;">Unboxing</span></span> </span> </p> </li> <li role="tab" class="dot" data-index="3" tabindex="-1" aria-labelledby="3fe1bffc-2e3d-3ab6-893a-11352dc1ea1c_3"> <img src="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/demo/studiobudsplus-demo-thumbnail.jpg" alt=""/> <i class="dot__play fa fa-play-circle notranslate "></i> <p class="dot__title"> <span class="dot__title__text" id="3fe1bffc-2e3d-3ab6-893a-11352dc1ea1c_3"> <span class="dot__title__text__bg"> <span style="text-transform: none;letter-spacing: -0.2px;">Discover</span></span> </span> </p> </li> <li role="tab" class="dot" data-index="4" tabindex="-1" aria-labelledby="3fe1bffc-2e3d-3ab6-893a-11352dc1ea1c_4"> <img src="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/tips-and-tricks/studiobudsplus-tips-and-tricks-iOS.jpg" alt=""/> <i class="dot__play fa fa-play-circle notranslate "></i> <p class="dot__title"> <span class="dot__title__text" id="3fe1bffc-2e3d-3ab6-893a-11352dc1ea1c_4"> <span class="dot__title__text__bg"> <span style="text-transform: none;letter-spacing: -1.0px;">iOS: How to Wear and Use</span></span> </span> </p> </li> <li role="tab" class="dot" data-index="5" tabindex="-1" aria-labelledby="3fe1bffc-2e3d-3ab6-893a-11352dc1ea1c_5"> <img src="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/tips-and-tricks/studiobudsplus-tips-and-tricks-android.jpg" alt=""/> <i class="dot__play fa fa-play-circle notranslate "></i> <p class="dot__title"> <span class="dot__title__text" id="3fe1bffc-2e3d-3ab6-893a-11352dc1ea1c_5"> <span class="dot__title__text__bg"> <span style="text-transform: none;letter-spacing: -1.0px;">Android: How to Wear and Use</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="Studio Buds Plus - Behind the Design - PDP" aria-label="Studio Buds Plus - Behind the Design - PDP"> <button type="button" aria-label="Play video - Studio Buds Plus - Behind the Design - PDP, slide 1 of 6" 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/earbuds/studio-buds-plus/global/video/behind-the-design/studiobudsplus-behind-the-design-fallback.jpg" data-image-file-extension=".jpg" data-analytics-video data-analytics-label="Studio Buds Plus - Behind the Design - PDP" data-last-frame="asset" data-video-src="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/behind-the-design/studiobudsplus-behind-the-design-desktop.mp4" data-transparent="false" data-video-length="140"> <picture> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/behind-the-design/studiobudsplus-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/earbuds/studio-buds-plus/global/video/behind-the-design/studiobudsplus-behind-the-design-fallback.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/behind-the-design/studiobudsplus-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/earbuds/studio-buds-plus/global/video/behind-the-design/studiobudsplus-behind-the-design-fallback.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/behind-the-design/studiobudsplus-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="text-transform: none;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/earbuds/studio-buds-plus/global/video/behind-the-design/captions/studiobudsplus-behind-the-design-desktop_en.vtt" transcript-path="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/behind-the-design/captions/studiobudsplus-behind-the-design-desktop_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="Studio Buds Plus - Reviews - PDP" aria-label="Studio Buds Plus - Reviews - PDP"> <button type="button" aria-label="Play video - Studio Buds Plus - Reviews - PDP, slide 2 of 6" 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/earbuds/studio-buds-plus/global/video/press-reviews/studiobudsplus-press-reviews-preview.jpg" data-image-file-extension=".jpg" data-analytics-video data-analytics-label="Studio Buds Plus - Reviews - PDP" data-last-frame="asset" data-video-src="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/press-reviews/studiobudsplus-press-reviews.mp4" data-transparent="false" data-video-length="72"> <picture> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/press-reviews/studiobudsplus-press-reviews-preview.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/press-reviews/studiobudsplus-press-reviews-preview.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/press-reviews/studiobudsplus-press-reviews-preview.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image" data-lazy="" data-src="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/press-reviews/studiobudsplus-press-reviews-preview.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/press-reviews/studiobudsplus-press-reviews-preview.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="text-transform: none;letter-spacing: -1.0px;">Product Reviews</span></span> </p> <beats-video-track tabindex="-1" aria-hidden="true" caption-path="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/press-reviews/captions/studiobudsplus-press-reviews_en.vtt" transcript-path="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/press-reviews/captions/studiobudsplus-press-reviews_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="Studio Buds Plus - Unboxing - PDP" aria-label="Studio Buds Plus - Unboxing - PDP"> <button type="button" aria-label="Play video - Studio Buds Plus - Unboxing - PDP, slide 3 of 6" 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/earbuds/studio-buds-plus/global/video/unboxing/studiobudsplus-unboxing-fallback.jpg" data-image-file-extension=".jpg" data-analytics-video data-analytics-label="Studio Buds Plus - Unboxing - PDP" data-last-frame="asset" data-video-src="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/unboxing/studiobudsplus-unboxing-desktop.mp4" data-transparent="false" data-video-length="90"> <picture> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/unboxing/studiobudsplus-unboxing-fallback.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/unboxing/studiobudsplus-unboxing-fallback.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/unboxing/studiobudsplus-unboxing-fallback.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image" data-lazy="" data-src="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/unboxing/studiobudsplus-unboxing-fallback.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/unboxing/studiobudsplus-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="text-transform: none;letter-spacing: -1.0px;">Unboxing</span></span> </p> <beats-video-track tabindex="-1" aria-hidden="true" caption-path="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/unboxing/captions/studiobudsplus-unboxing-desktop_en.vtt" transcript-path="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/unboxing/captions/studiobudsplus-unboxing-desktop_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="Studio Buds Plus - Demo - PDP" aria-label="Studio Buds Plus - Demo - PDP"> <button type="button" aria-label="Play video - Studio Buds Plus - Demo - PDP, slide 4 of 6" 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/earbuds/studio-buds-plus/global/video/demo/studiobudsplus-demo-fallback.jpg" data-image-file-extension=".jpg" data-analytics-video data-analytics-label="Studio Buds Plus - Demo - PDP" data-last-frame="asset" data-video-src="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/demo/studiobudsplus-demo-desktop.mp4" data-transparent="false" data-video-length="73"> <picture> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/demo/studiobudsplus-demo-fallback.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/demo/studiobudsplus-demo-fallback.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/demo/studiobudsplus-demo-fallback.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image" data-lazy="" data-src="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/demo/studiobudsplus-demo-fallback.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/demo/studiobudsplus-demo-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="text-transform: none;letter-spacing: -1.0px;">Discover</span></span> </p> <beats-video-track tabindex="-1" aria-hidden="true" caption-path="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/demo/captions/studiobudsplus-demo-desktop_en.vtt" transcript-path="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/demo/captions/studiobudsplus-demo-desktop_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="Tips and Tricks - iOS - PDP" aria-label="Tips and Tricks - iOS - PDP"> <button type="button" aria-label="Play video - Tips and Tricks - iOS - PDP, slide 5 of 6" 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/earbuds/studio-buds-plus/global/video/tips-and-tricks/studiobudsplus-tips-and-tricks-iOS.jpg" data-image-file-extension=".jpg" data-analytics-video data-analytics-label="Tips and Tricks - iOS - PDP" data-last-frame="asset" data-video-src="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/tips-and-tricks/studiobudsplus-tips-and-tricks-iOS.mp4" data-transparent="false" data-video-length="117"> <picture> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/tips-and-tricks/studiobudsplus-tips-and-tricks-iOS.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/tips-and-tricks/studiobudsplus-tips-and-tricks-iOS.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/tips-and-tricks/studiobudsplus-tips-and-tricks-iOS.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image" data-lazy="" data-src="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/tips-and-tricks/studiobudsplus-tips-and-tricks-iOS.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/tips-and-tricks/studiobudsplus-tips-and-tricks-iOS.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="text-transform: none;letter-spacing: -1.0px;">iOS: How to Wear and Use</span></span> </p> <beats-video-track tabindex="-1" aria-hidden="true" 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="Tips and Tricks - Android - PDP" aria-label="Tips and Tricks - Android - PDP"> <button type="button" aria-label="Play video - Tips and Tricks - Android - PDP, slide 6 of 6" 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/earbuds/studio-buds-plus/global/video/tips-and-tricks/studiobudsplus-tips-and-tricks-android.jpg" data-image-file-extension=".jpg" data-analytics-video data-analytics-label="Tips and Tricks - Android - PDP" data-last-frame="asset" data-video-src="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/tips-and-tricks/studiobudsplus-tips-and-tricks-android.mp4" data-transparent="false" data-video-length="102"> <picture> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/tips-and-tricks/studiobudsplus-tips-and-tricks-android.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/tips-and-tricks/studiobudsplus-tips-and-tricks-android.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/tips-and-tricks/studiobudsplus-tips-and-tricks-android.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image" data-lazy="" data-src="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/tips-and-tricks/studiobudsplus-tips-and-tricks-android.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/global/video/tips-and-tricks/studiobudsplus-tips-and-tricks-android.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="text-transform: none;letter-spacing: -1.0px;">Android: How to Wear and Use</span></span> </p> <beats-video-track tabindex="-1" aria-hidden="true" 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 class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-b7140545-7de8-342c-8d56-be28f31c66b7 { background: linear-gradient(to bottom, transparent, #FAFAFA); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-b7140545-7de8-342c-8d56-be28f31c66b7:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent, #FAFAFA); } .bbd-full-width-container.id-b7140545-7de8-342c-8d56-be28f31c66b7 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-b7140545-7de8-342c-8d56-be28f31c66b7:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent, #FAFAFA); } .bbd-full-width-container.id-b7140545-7de8-342c-8d56-be28f31c66b7 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-b7140545-7de8-342c-8d56-be28f31c66b7:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent, #FAFAFA); } .bbd-full-width-container.id-b7140545-7de8-342c-8d56-be28f31c66b7 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-b7140545-7de8-342c-8d56-be28f31c66b7" data-desktop-bg-color="linear-gradient(to bottom, transparent, #FAFAFA)" id="BGContainer-6a66beb5-81e1-34af-a8dd-8053cecc1f91"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-e6ebbda4-b789-302b-9b7d-08d94e681fa1 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-e6ebbda4-b789-302b-9b7d-08d94e681fa1 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-e6ebbda4-b789-302b-9b7d-08d94e681fa1 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-e6ebbda4-b789-302b-9b7d-08d94e681fa1"></section> </div> <div class="experiencefragment section"> <!-- SDI include (path: /content/beatswebsite/ca/en_CA/experience-fragments/review-cards/studio-buds-plus/_jcr_content.content.nocache.html, resourceType: cq/experience-fragments/components/xfpage) --> <div class="fullWidthBgContainerV2 parsys"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-6cb6a26d-e33e-30fb-8c29-7a165d1c5b9d { background: #F1EAE0; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-6cb6a26d-e33e-30fb-8c29-7a165d1c5b9d:not(.bg-color-match-enabled) { background: #F1EAE0; } .bbd-full-width-container.id-6cb6a26d-e33e-30fb-8c29-7a165d1c5b9d .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-6cb6a26d-e33e-30fb-8c29-7a165d1c5b9d:not(.bg-color-match-enabled) { background: #F1EAE0; } .bbd-full-width-container.id-6cb6a26d-e33e-30fb-8c29-7a165d1c5b9d .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-6cb6a26d-e33e-30fb-8c29-7a165d1c5b9d:not(.bg-color-match-enabled) { background: #F1EAE0; } .bbd-full-width-container.id-6cb6a26d-e33e-30fb-8c29-7a165d1c5b9d .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-6cb6a26d-e33e-30fb-8c29-7a165d1c5b9d" data-desktop-bg-color="#F1EAE0" id="BGContainer-88254899-25c2-3b6f-bc64-bc12971601ec"> <div class="outer-container"> <div class="content-container"> <div><div class="reviewCardCarousel section"> <style> @media screen and (max-width: 1023px) { .review-carousel.review-carousel-71d919ee-edd4-3d1b-96fc-3e1a1442161a ul.dots .dot.active { background: ; } .review-carousel.review-carousel-71d919ee-edd4-3d1b-96fc-3e1a1442161a ul.dots .dot:not(.active) { background: ; } } </style> <div class="review-carousel review-carousel-71d919ee-edd4-3d1b-96fc-3e1a1442161a" data-analytics-module="review card carousel" data-analytics-region="studiobudsplus_review_cards" data-analytics-scroll=""> <div class="review-carousel__header"> <h4 class="headline-4">See What the Experts are Saying</h4> </div> <div class="review-carousel__inner"> <div class="review-carousel__content"> <ul> <li> <div class="review-carousel--offset"> <div class="review-carousel--tween" style="transform: matrix(0.85, 0, 0, 0.85, 0, 0); transform-origin: right 50% 0px;"> <span class="review-card review-card-e1083ace-5003-3da4-bb3c-2116caf0ebc7 review-card--large review-card--light" data-analytics-module="review_card" data-analytics-region="DailyTekk_review" data-analytics-item="DailyTekk Review" aria-label="DailyTekk Review"> <div class="review-card__content-top"> <div class="review--card__top"> <p class="review-card__desc body-medium"> <span class="body-large">“These deliver superior audio experience across all frequency ranges. ”</span> </p> </div> </div> <div class="review-card__content-bottom"> <div class="review-card__link-container"> <a data-analytics-click="" target="_blank" data-analytics-link-type="siteClick" data-analytics-label=" " class="review-card__link TODO--dark"> <span class="a11y"></span> </a> </div> <div class="review-card--bottom" style="text-align: left;"> <hr style="border-color:"/> <div class="review-card__author"> <span class="review-card__icon"> <img src="/content/dam/beats/global/logos/logo-youtube-icon.png" alt="YouTube icon"/> </span> <div class="review-card__author-credit"> <p class="review-card__author-name title-2"> @DailyTekk </p> <p class="review-card__title"> Tech Reviewer </p> </div> </div> </div> </div> </span> </div> </div> </li> <li> <div class="review-carousel--offset"> <div class="review-carousel--tween" style="transform: matrix(0.85, 0, 0, 0.85, 0, 0); transform-origin: right 50% 0px;"> <span class="review-card review-card-2a677346-cfa4-38d8-9202-0093b6d53c7a review-card--large review-card--light" data-analytics-module="review_card" data-analytics-region="FlossyCarter_review" data-analytics-item="FlossyCarter Review" aria-label="FlossyCarter Review"> <div class="review-card__content-top"> <div class="review--card__top"> <p class="review-card__desc body-medium"> <span class="body-large">“The noise cancellation on&nbsp;these earbuds is easily top tier.”</span> </p> </div> </div> <div class="review-card__content-bottom"> <div class="review-card__link-container"> <a data-analytics-click="" target="_blank" data-analytics-link-type="siteClick" data-analytics-label=" " class="review-card__link TODO--dark"> <span class="a11y"></span> </a> </div> <div class="review-card--bottom" style="text-align: left;"> <hr style="border-color:"/> <div class="review-card__author"> <span class="review-card__icon"> <img src="/content/dam/beats/global/logos/logo-youtube-icon.png" alt="YouTube icon"/> </span> <div class="review-card__author-credit"> <p class="review-card__author-name title-2"> @FlossyCarter </p> <p class="review-card__title"> Tech Reviewer </p> </div> </div> </div> </div> </span> </div> </div> </li> <li> <div class="review-carousel--offset"> <div class="review-carousel--tween" style="transform: matrix(0.85, 0, 0, 0.85, 0, 0); transform-origin: right 50% 0px;"> <span class="review-card review-card-b471d83a-1ac5-3e1e-889b-e764de5669da review-card--large review-card--light" data-analytics-module="review_card" data-analytics-region="PayetteForward_review" data-analytics-item="PayetteForward Review" aria-label="PayetteForward Review"> <div class="review-card__content-top"> <div class="review--card__top"> <p class="review-card__desc body-medium"> <span class="body-large">“How do they sound on phone calls? These headphones sound great.”</span> </p> </div> </div> <div class="review-card__content-bottom"> <div class="review-card__link-container"> <a data-analytics-click="" target="_blank" data-analytics-link-type="siteClick" data-analytics-label=" " class="review-card__link TODO--dark"> <span class="a11y"></span> </a> </div> <div class="review-card--bottom" style="text-align: left;"> <hr style="border-color:"/> <div class="review-card__author"> <span class="review-card__icon"> <img src="/content/dam/beats/global/logos/logo-youtube-icon.png" alt="YouTube icon"/> </span> <div class="review-card__author-credit"> <p class="review-card__author-name title-2"> @PayetteForward </p> <p class="review-card__title"> Tech Reviewer </p> </div> </div> </div> </div> </span> </div> </div> </li> </ul> </div> </div> </div></div> </div> </div> </div> </section> </div> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-824fe1d0-4204-3622-84df-889f9a8ad07e { background: linear-gradient(0deg, transparent, transparent 75%, #F1EAE0 75%, #F1EAE0), linear-gradient(to bottom, transparent, #FAFAFA);; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-824fe1d0-4204-3622-84df-889f9a8ad07e:not(.bg-color-match-enabled) { background: linear-gradient(0deg, transparent, transparent 75%, #F1EAE0 75%, #F1EAE0), linear-gradient(to bottom, transparent, #FAFAFA);; } .bbd-full-width-container.id-824fe1d0-4204-3622-84df-889f9a8ad07e .outer-container { width: 100%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-824fe1d0-4204-3622-84df-889f9a8ad07e:not(.bg-color-match-enabled) { background: #CDBBAA; } .bbd-full-width-container.id-824fe1d0-4204-3622-84df-889f9a8ad07e .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-824fe1d0-4204-3622-84df-889f9a8ad07e:not(.bg-color-match-enabled) { background: #CDBBAA; } .bbd-full-width-container.id-824fe1d0-4204-3622-84df-889f9a8ad07e .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-824fe1d0-4204-3622-84df-889f9a8ad07e" data-desktop-bg-color=" linear-gradient(0deg, transparent, transparent 75%, #F1EAE0 75%, #F1EAE0), linear-gradient(to bottom, transparent, #FAFAFA);" id="BGContainer-11879b58-fd06-30f8-94cf-439c30def853"> <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-745e4045-251a-3261-a612-c1dbc8b07916 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 30%; } } </style> <section class="bbd-component transition bbd-img-text-component id-745e4045-251a-3261-a612-c1dbc8b07916 " data-analytics-scroll data-full-module data-analytics-module="media_and_text" data-analytics-region="lifestyle_features_intro" 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/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p01.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p01.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-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/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p01.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p01.jpg.large.2x.jpg 2x" alt="Person wearing Beats Studio Buds + in the color Ivory." role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column middle-right-wrapper"> <div class="hero-copy middle-right"> <div class="show-desktop"><div class="font-updated" style="color: #161616; font-size: clamp(1.3125rem, 0.2356rem + 1.6827vw, 1.75rem); line-height: 1.4; letter-spacing: -0.2px;"> <p style="color: inherit;">Beats Studio&nbsp;Buds&nbsp;+ feature <span style="font-weight: 700; color: #161616;">powerful, balanced sound</span>, Active Noise Cancelling (ANC), and Transparency mode.</p> <p style="color: inherit;">Enjoy high-quality calls, enhanced <span style="font-weight: 700; color: #161616;">Apple &amp; Android</span> compatibility, compatibility, up to 36 hours of listening time with charging case<sup style="color: #161616;">2</sup> and 4 ear tip options to ensure a <span style="font-weight: 700; color: #161616;">comfortable all-day fit</span>.</p> </div></div> <div class="show-tablet"><div class="font-updated" style="color: #161616; font-size: clamp(1.125rem, 0.9917rem + 0.5017vw, 1.3125rem); line-height: 1.4; letter-spacing: -0.2px;"> <p style="color: inherit;">Beats Studio&nbsp;Buds&nbsp;+ feature <span style="font-weight: 700; color: #161616;">powerful, balanced sound</span>, Active Noise Cancelling (ANC), and Transparency mode.</p> <p style="color: inherit;">Enjoy high-quality calls, enhanced <span style="font-weight: 700; color: #161616;">Apple &amp; Android</span> compatibility, compatibility, up to 36 hours of listening time with charging case<sup style="color: #161616;">2</sup> and 4 ear tip options to ensure a <span style="font-weight: 700; color: #161616;">comfortable all-day fit</span>.</p> </div></div> <div class="show-mobile"><div class="font-updated" style="color: #161616; font-size: clamp(1rem, 0.2381rem + 3.8095vw, 1.25rem); line-height: 1.4; letter-spacing: -0.2px;"> <p style="color: inherit;">Beats Studio&nbsp;Buds&nbsp;+ feature <span style="font-weight: 700; color: #161616;">powerful, balanced sound</span>, Active Noise Cancelling (ANC), and Transparency mode.</p> <p style="color: inherit;">Enjoy high-quality calls, enhanced <span style="font-weight: 700; color: #161616;">Apple &amp; Android</span> compatibility, compatibility, up to 36 hours of listening time with charging case<sup style="color: #161616;">2</sup> and 4 ear tip options to ensure a <span style="font-weight: 700; color: #161616;">comfortable all-day fit</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-b72dfc79-bd50-30f6-b900-d8b5f3cac516 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516 { 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-b72dfc79-bd50-30f6-b900-d8b5f3cac516 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516:after, .btn-light.btn1-bg-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516{ color: ; } a.btn-light.btn1-outline-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516: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-b72dfc79-bd50-30f6-b900-d8b5f3cac516:after, .btn-light.btn2-bg-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516{ color: ; } a.btn-light.btn2-outline-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516: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-b72dfc79-bd50-30f6-b900-d8b5f3cac516{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-b72dfc79-bd50-30f6-b900-d8b5f3cac516{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516:after, .btn-light.btn1-tablet-bg-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516{ color: ; } a.btn-light.btn1-tablet-outline-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516: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-b72dfc79-bd50-30f6-b900-d8b5f3cac516: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-b72dfc79-bd50-30f6-b900-d8b5f3cac516:after, .btn-light.btn2-tablet-bg-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516{ color: ; } a.btn-light.btn2-tablet-outline-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516: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-b72dfc79-bd50-30f6-b900-d8b5f3cac516: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-b72dfc79-bd50-30f6-b900-d8b5f3cac516{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-b72dfc79-bd50-30f6-b900-d8b5f3cac516{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516:after, .btn-light.btn1-mobile-bg-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516{ color: ; } a.btn-light.btn1-mobile-outline-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516: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-b72dfc79-bd50-30f6-b900-d8b5f3cac516: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-b72dfc79-bd50-30f6-b900-d8b5f3cac516:after, .btn-light.btn2-mobile-bg-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516{ color: ; } a.btn-light.btn2-mobile-outline-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516:after, a.btn-light.btn2-mobile-outline-color-b72dfc79-bd50-30f6-b900-d8b5f3cac516: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-b72dfc79-bd50-30f6-b900-d8b5f3cac516: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-b72dfc79-bd50-30f6-b900-d8b5f3cac516{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-b72dfc79-bd50-30f6-b900-d8b5f3cac516{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-af7828f4-515e-3446-84de-aa820065c8e7 { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-af7828f4-515e-3446-84de-aa820065c8e7 { padding-top: 20px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-af7828f4-515e-3446-84de-aa820065c8e7 { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-af7828f4-515e-3446-84de-aa820065c8e7"></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-81a5b9be-92bf-32bb-90aa-bc9408e9bac5 { background: linear-gradient(to top, transparent, #FAFAFA); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-81a5b9be-92bf-32bb-90aa-bc9408e9bac5:not(.bg-color-match-enabled) { background: linear-gradient(to top, transparent, #FAFAFA); } .bbd-full-width-container.id-81a5b9be-92bf-32bb-90aa-bc9408e9bac5 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-81a5b9be-92bf-32bb-90aa-bc9408e9bac5:not(.bg-color-match-enabled) { background: linear-gradient(to top, transparent, #FAFAFA); } .bbd-full-width-container.id-81a5b9be-92bf-32bb-90aa-bc9408e9bac5 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-81a5b9be-92bf-32bb-90aa-bc9408e9bac5:not(.bg-color-match-enabled) { background: linear-gradient(to top, transparent, #FAFAFA); } .bbd-full-width-container.id-81a5b9be-92bf-32bb-90aa-bc9408e9bac5 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-81a5b9be-92bf-32bb-90aa-bc9408e9bac5" data-desktop-bg-color="linear-gradient(to top, transparent, #FAFAFA)" id="BGContainer-1bf9c7bc-984a-3025-8220-9e9adcfd79ea"> <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-9021724a-2c19-303d-8836-12ab47a6ba68 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-9021724a-2c19-303d-8836-12ab47a6ba68:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-9021724a-2c19-303d-8836-12ab47a6ba68 .outer-container { width: 91.66666%; max-width: 1320px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-9021724a-2c19-303d-8836-12ab47a6ba68:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-9021724a-2c19-303d-8836-12ab47a6ba68 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-9021724a-2c19-303d-8836-12ab47a6ba68:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-9021724a-2c19-303d-8836-12ab47a6ba68 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-9021724a-2c19-303d-8836-12ab47a6ba68" data-desktop-bg-color="transparent" id="BGContainer-52140b5f-7f61-3fa0-912e-8241f74f4ce3"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-7984db93-628c-3cf6-8ad4-c1c5772ff596 { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-7984db93-628c-3cf6-8ad4-c1c5772ff596 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-7984db93-628c-3cf6-8ad4-c1c5772ff596 { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-7984db93-628c-3cf6-8ad4-c1c5772ff596"></section> </div> <div class="beatsRTE parbase section"><!-- This components accepts free text from authors and renders --> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="powerful_balanced_sound" data-analytics-scroll> <div id="RTE-ee95e11b-790a-390b-9068-5cb836142c7c" class="rte-container-908f5dc1-5338-36b7-a5f6-6b0c01d68fcf beatsRTE-desktoptext component-section-spacing beatsRTE"> <div class="font-updated"> <h2 style="color: inherit; font-size: clamp(1.3125rem, 0.851rem + 0.7212vw, 1.5rem); font-weight: 700; line-height: 1.1; letter-spacing: -0.2px; margin-bottom: 16px;">Sound Quality</h2> <div style="display: grid; grid-template-columns: 6fr 5fr; grid-gap: 3vw;"> <h2 style="color: inherit; font-size: clamp(3.75rem, 0.6731rem + 4.8077vw, 5rem); font-weight: 700; line-height: 1.1; letter-spacing: -1px; margin: 0;">Powerful,<br> Balanced Sound</h2> <div style="color: inherit; font-size: clamp(1.3125rem, 0.2356rem + 1.6827vw, 1.75rem); line-height: 1.4; letter-spacing: -0.2px;"> <p>Beats Studio&nbsp;Buds&nbsp;+ deliver rich, immersive sound whether you’re listening to music or taking calls.</p> <p>Each bud is equipped with a custom two-layer transducer that flexes to deliver cleaner bass and ultra-low distortion.</p> </div> </div> </div> </div> <div id="RTE-ee95e11b-790a-390b-9068-5cb836142c7c" class="rte-container-908f5dc1-5338-36b7-a5f6-6b0c01d68fcf beatsRTE-tablettext component-section-spacing beatsRTE"> <div class="font-updated" style="display: grid; grid-template-rows: auto;"> <div> <h2 style="color: inherit; font-size: clamp(1.3125rem, 1.1792rem + 0.5017vw, 1.5rem); font-weight: 700; line-height: 1; letter-spacing: -0.2px; margin-bottom: 16px;">Sound Quality</h2> <h2 style="color: inherit; font-size: clamp(2.8125rem, 2.1462rem + 2.5084vw, 3.75rem); line-height: 1.1; font-weight: 700; letter-spacing: -1px; margin-bottom: 16px;">Powerful,<br> Balanced Sound</h2> </div> <div style="color: inherit; font-size: clamp(1.125rem, 0.9917rem + 0.5017vw, 1.3125rem); line-height: 1.4; letter-spacing: -0.2px;"> <p>Beats Studio&nbsp;Buds&nbsp;+ deliver rich, immersive sound whether you’re listening to music or taking calls.</p> <p>Each bud is equipped with a custom two-layer transducer that flexes to deliver cleaner bass and ultra-low distortion.</p> </div> </div> </div> <div id="RTE-ee95e11b-790a-390b-9068-5cb836142c7c" class="rte-container-908f5dc1-5338-36b7-a5f6-6b0c01d68fcf beatsRTE-mobiletext component-section-spacing beatsRTE"> <div class="font-updated" style="display: grid; grid-template-rows: auto;"> <div> <h2 style="color: inherit; font-size: clamp(1.125rem, 0.744rem + 1.9048vw, 1.25rem); font-weight: 700; line-height: 1; letter-spacing: -0.2px; margin-bottom: 16px;">Sound Quality</h2> <h2 style="color: inherit; font-size: clamp(2.25rem, 0.7262rem + 7.619vw, 2.75rem); line-height: 1.1; font-weight: 700; letter-spacing: -1px; margin-bottom: 16px;">Powerful,<br> Balanced Sound</h2> </div> <div style="color: inherit; font-size: clamp(1rem, 0.2381rem + 3.8095vw, 1.25rem); line-height: 1.4; letter-spacing: -0.2px;"> <p>Beats Studio&nbsp;Buds&nbsp;+ deliver rich, immersive sound whether you’re listening to music or taking calls.</p> <p>Each bud is equipped with a custom two-layer transducer that flexes to deliver cleaner bass and ultra-low distortion.</p> </div> </div> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-a664a46f-39e9-33c3-85c4-74037efcd82d { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-a664a46f-39e9-33c3-85c4-74037efcd82d { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-a664a46f-39e9-33c3-85c4-74037efcd82d { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-a664a46f-39e9-33c3-85c4-74037efcd82d"></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-f700f22d-acd2-3fb1-84ef-c69f5a69fd07 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-f700f22d-acd2-3fb1-84ef-c69f5a69fd07:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-f700f22d-acd2-3fb1-84ef-c69f5a69fd07 .outer-container { width: 100%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-f700f22d-acd2-3fb1-84ef-c69f5a69fd07:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-f700f22d-acd2-3fb1-84ef-c69f5a69fd07 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-f700f22d-acd2-3fb1-84ef-c69f5a69fd07:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-f700f22d-acd2-3fb1-84ef-c69f5a69fd07 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-f700f22d-acd2-3fb1-84ef-c69f5a69fd07" data-desktop-bg-color="transparent" id="BGContainer-47fe79f0-97db-3d2f-8fa5-4ed05960fd11"> <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-24d421e8-70e3-3f3d-9908-505205c5b3a3 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-24d421e8-70e3-3f3d-9908-505205c5b3a3:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-24d421e8-70e3-3f3d-9908-505205c5b3a3 .outer-container { width: 91.66666%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-24d421e8-70e3-3f3d-9908-505205c5b3a3:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-24d421e8-70e3-3f3d-9908-505205c5b3a3 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-24d421e8-70e3-3f3d-9908-505205c5b3a3:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-24d421e8-70e3-3f3d-9908-505205c5b3a3 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-24d421e8-70e3-3f3d-9908-505205c5b3a3" data-desktop-bg-color="transparent" id="BGContainer-f5c30522-3886-3724-9969-282168e39b26"> <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> <section class="bbd-component transition bbd-img-text-component id-dcfa742e-5c83-36e6-a258-46780fed7b97 " data-analytics-scroll data-full-module data-analytics-module="media_and_text" data-analytics-region="powerful_balanced_sound_video" 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-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/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p02-fallback.png.large.2x.png 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p02-fallback.png.medium.2x.png 2x"/> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p02-fallback.png.small.2x.png 2x"/> <img class="bbd-media-image" src="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p02-fallback.png.large.2x.png" srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p02-fallback.png.large.2x.png 2x" aria-hidden="true" data-resp-exclude/> </picture> <beats-video data-video-type="looping" data-btn-color="btn-color-dark" 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/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p02.mp4.rendition.mp4" type='video/mp4'/> <source data-desktop-webm-src="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p02.mp4.rendition.webm" type="video/webm"/> <source data-mobile-mp4-src="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p02-mobile.mp4.rendition.mp4" type='video/mp4'/> <source data-mobile-webm-src="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p02-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-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-a8198350-a1b6-3242-bfd9-fa64d50bcd9c { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c { 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-a8198350-a1b6-3242-bfd9-fa64d50bcd9c { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c:after, .btn-light.btn1-bg-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c{ color: ; } a.btn-light.btn1-outline-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c: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-a8198350-a1b6-3242-bfd9-fa64d50bcd9c:after, .btn-light.btn2-bg-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c{ color: ; } a.btn-light.btn2-outline-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c: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-a8198350-a1b6-3242-bfd9-fa64d50bcd9c{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-a8198350-a1b6-3242-bfd9-fa64d50bcd9c{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c:after, .btn-light.btn1-tablet-bg-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c{ color: ; } a.btn-light.btn1-tablet-outline-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c: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-a8198350-a1b6-3242-bfd9-fa64d50bcd9c: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-a8198350-a1b6-3242-bfd9-fa64d50bcd9c:after, .btn-light.btn2-tablet-bg-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c{ color: ; } a.btn-light.btn2-tablet-outline-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c: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-a8198350-a1b6-3242-bfd9-fa64d50bcd9c: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-a8198350-a1b6-3242-bfd9-fa64d50bcd9c{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-a8198350-a1b6-3242-bfd9-fa64d50bcd9c{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c:after, .btn-light.btn1-mobile-bg-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c{ color: ; } a.btn-light.btn1-mobile-outline-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c: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-a8198350-a1b6-3242-bfd9-fa64d50bcd9c: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-a8198350-a1b6-3242-bfd9-fa64d50bcd9c:after, .btn-light.btn2-mobile-bg-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c{ color: ; } a.btn-light.btn2-mobile-outline-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c:after, a.btn-light.btn2-mobile-outline-color-a8198350-a1b6-3242-bfd9-fa64d50bcd9c: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-a8198350-a1b6-3242-bfd9-fa64d50bcd9c: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-a8198350-a1b6-3242-bfd9-fa64d50bcd9c{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-a8198350-a1b6-3242-bfd9-fa64d50bcd9c{ 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-2e38afe9-7efe-3659-96df-50043327d98f { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-2e38afe9-7efe-3659-96df-50043327d98f { padding-top: 0px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-2e38afe9-7efe-3659-96df-50043327d98f { padding-top: 0px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-2e38afe9-7efe-3659-96df-50043327d98f"></section> </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-4199b45e-d5a9-371f-b201-609d9b643323 { background: linear-gradient(0deg, transparent, transparent 90%, #FAFAFA 90%, #FAFAFA), linear-gradient(142deg, rgba(44, 44, 52, 0.99) -2.42%, #3D3D46 99.5%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-4199b45e-d5a9-371f-b201-609d9b643323:not(.bg-color-match-enabled) { background: linear-gradient(0deg, transparent, transparent 90%, #FAFAFA 90%, #FAFAFA), linear-gradient(142deg, rgba(44, 44, 52, 0.99) -2.42%, #3D3D46 99.5%); } .bbd-full-width-container.id-4199b45e-d5a9-371f-b201-609d9b643323 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-4199b45e-d5a9-371f-b201-609d9b643323:not(.bg-color-match-enabled) { background: linear-gradient(0deg, transparent, transparent 90%, #FAFAFA 90%, #FAFAFA), linear-gradient(142deg, rgba(44, 44, 52, 0.99) -2.42%, #3D3D46 99.5%); } .bbd-full-width-container.id-4199b45e-d5a9-371f-b201-609d9b643323 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-4199b45e-d5a9-371f-b201-609d9b643323:not(.bg-color-match-enabled) { background: linear-gradient(0deg, transparent, transparent 90%, #FAFAFA 90%, #FAFAFA), linear-gradient(142deg, rgba(44, 44, 52, 0.99) -2.42%, #3D3D46 99.5%); } .bbd-full-width-container.id-4199b45e-d5a9-371f-b201-609d9b643323 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-4199b45e-d5a9-371f-b201-609d9b643323" data-desktop-bg-color="linear-gradient(0deg, transparent, transparent 90%, #FAFAFA 90%, #FAFAFA), linear-gradient(142deg, rgba(44, 44, 52, 0.99) -2.42%, #3D3D46 99.5%)" id="BGContainer-d6068f2a-1eeb-3385-9646-09bfd14ff4ff"> <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-36c49e2d-68bb-33ac-9628-fd7e48b8d9b3 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-36c49e2d-68bb-33ac-9628-fd7e48b8d9b3:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-36c49e2d-68bb-33ac-9628-fd7e48b8d9b3 .outer-container { width: 100%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-36c49e2d-68bb-33ac-9628-fd7e48b8d9b3:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-36c49e2d-68bb-33ac-9628-fd7e48b8d9b3 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-36c49e2d-68bb-33ac-9628-fd7e48b8d9b3:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-36c49e2d-68bb-33ac-9628-fd7e48b8d9b3 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-36c49e2d-68bb-33ac-9628-fd7e48b8d9b3" data-desktop-bg-color="transparent" id="BGContainer-a4624e93-6a0b-3b30-8795-14afc1e1a19f"> <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-a306de7d-048b-33a7-83dc-3e66675b18dd { background: linear-gradient(187.08deg, #627071 6.18%, #6B797A 55.48%, #798687 108.56%);; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-a306de7d-048b-33a7-83dc-3e66675b18dd:not(.bg-color-match-enabled) { background: linear-gradient(187.08deg, #627071 6.18%, #6B797A 55.48%, #798687 108.56%);; } .bbd-full-width-container.id-a306de7d-048b-33a7-83dc-3e66675b18dd .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-a306de7d-048b-33a7-83dc-3e66675b18dd:not(.bg-color-match-enabled) { background: linear-gradient(187.08deg, #627071 6.18%, #6B797A 55.48%, #798687 108.56%);; } .bbd-full-width-container.id-a306de7d-048b-33a7-83dc-3e66675b18dd .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-a306de7d-048b-33a7-83dc-3e66675b18dd:not(.bg-color-match-enabled) { background: linear-gradient(187.08deg, #627071 6.18%, #6B797A 55.48%, #798687 108.56%);; } .bbd-full-width-container.id-a306de7d-048b-33a7-83dc-3e66675b18dd .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-a306de7d-048b-33a7-83dc-3e66675b18dd" data-desktop-bg-color="linear-gradient(187.08deg, #627071 6.18%, #6B797A 55.48%, #798687 108.56%);" id="BGContainer-d30a9971-c03f-3a27-ba19-0364eed8ba3f"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-8dfbdb31-153a-32ce-9816-ed1b46db1b26 { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-8dfbdb31-153a-32ce-9816-ed1b46db1b26 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-8dfbdb31-153a-32ce-9816-ed1b46db1b26 { padding-top: 48px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-8dfbdb31-153a-32ce-9816-ed1b46db1b26"></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-bb216829-353d-3713-9d00-5e4bb216381f .content-wrapper .transition-content-wrapper .hero-copy { max-width: 25%; } } </style> <section class="bbd-component transition bbd-img-text-component id-bb216829-353d-3713-9d00-5e4bb216381f " data-analytics-scroll data-full-module data-analytics-module="media_and_text" data-analytics-region="acoustic_vents" data-bbd-anim-target="true"> <div class="content-wrapper mobile-column-reverse tablet-column-reverse "> <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/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p03.png.large.2x.png 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p03.png.medium.2x.png 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p03.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/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p03.png.large.2x.png" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p03.png.large.2x.png 2x" alt="Close up of the new acoustic vents on Beats Studio Buds + in the color Ivory." role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column middle-left-wrapper"> <div class="hero-copy middle-left"> <div class="show-desktop"><div class="font-updated" style="font-size: clamp(1.3125rem, 0.2356rem + 1.6827vw, 1.75rem); line-height: 1.4; letter-spacing: -0.2px;"> <p><b>Three new acoustic vents</b> improve audio precision and gently relieves pressure for a more comfortable all-day fit.</p> </div></div> <div class="show-tablet"><div class="font-updated" style="margin-bottom: -40px;"> <div style="font-size: clamp(1.125rem, 0.9917rem + 0.5017vw, 1.3125rem); line-height: 1.4; letter-spacing: -0.2px;"> <p><b>Three new acoustic vents</b> improve audio precision and gently relieves pressure for a more comfortable all-day fit.</p> </div> </div></div> <div class="show-mobile"><div class="font-updated" style="margin-bottom: -40px;"> <div style="font-size: clamp(1rem, 0.2381rem + 3.8095vw, 1.25rem); line-height: 1.4; letter-spacing: -0.2px;"> <p><b>Three new acoustic vents</b> improve audio precision and gently relieves pressure for a more comfortable all-day fit.</p> </div> </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-af3dfe0b-553b-36ec-9043-b47da51e9952 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-af3dfe0b-553b-36ec-9043-b47da51e9952, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-af3dfe0b-553b-36ec-9043-b47da51e9952 { 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-af3dfe0b-553b-36ec-9043-b47da51e9952 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-af3dfe0b-553b-36ec-9043-b47da51e9952, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-af3dfe0b-553b-36ec-9043-b47da51e9952 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-af3dfe0b-553b-36ec-9043-b47da51e9952:after, .btn-light.btn1-bg-color-af3dfe0b-553b-36ec-9043-b47da51e9952:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-af3dfe0b-553b-36ec-9043-b47da51e9952{ color: ; } a.btn-light.btn1-outline-color-af3dfe0b-553b-36ec-9043-b47da51e9952:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-af3dfe0b-553b-36ec-9043-b47da51e9952: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-af3dfe0b-553b-36ec-9043-b47da51e9952:after, .btn-light.btn2-bg-color-af3dfe0b-553b-36ec-9043-b47da51e9952:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-af3dfe0b-553b-36ec-9043-b47da51e9952{ color: ; } a.btn-light.btn2-outline-color-af3dfe0b-553b-36ec-9043-b47da51e9952:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-af3dfe0b-553b-36ec-9043-b47da51e9952: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-af3dfe0b-553b-36ec-9043-b47da51e9952{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-af3dfe0b-553b-36ec-9043-b47da51e9952{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-af3dfe0b-553b-36ec-9043-b47da51e9952:after, .btn-light.btn1-tablet-bg-color-af3dfe0b-553b-36ec-9043-b47da51e9952:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-af3dfe0b-553b-36ec-9043-b47da51e9952{ color: ; } a.btn-light.btn1-tablet-outline-color-af3dfe0b-553b-36ec-9043-b47da51e9952: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-af3dfe0b-553b-36ec-9043-b47da51e9952: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-af3dfe0b-553b-36ec-9043-b47da51e9952:after, .btn-light.btn2-tablet-bg-color-af3dfe0b-553b-36ec-9043-b47da51e9952:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-af3dfe0b-553b-36ec-9043-b47da51e9952{ color: ; } a.btn-light.btn2-tablet-outline-color-af3dfe0b-553b-36ec-9043-b47da51e9952: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-af3dfe0b-553b-36ec-9043-b47da51e9952: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-af3dfe0b-553b-36ec-9043-b47da51e9952{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-af3dfe0b-553b-36ec-9043-b47da51e9952{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-af3dfe0b-553b-36ec-9043-b47da51e9952:after, .btn-light.btn1-mobile-bg-color-af3dfe0b-553b-36ec-9043-b47da51e9952:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-af3dfe0b-553b-36ec-9043-b47da51e9952{ color: ; } a.btn-light.btn1-mobile-outline-color-af3dfe0b-553b-36ec-9043-b47da51e9952: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-af3dfe0b-553b-36ec-9043-b47da51e9952: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-af3dfe0b-553b-36ec-9043-b47da51e9952:after, .btn-light.btn2-mobile-bg-color-af3dfe0b-553b-36ec-9043-b47da51e9952:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-af3dfe0b-553b-36ec-9043-b47da51e9952{ color: ; } a.btn-light.btn2-mobile-outline-color-af3dfe0b-553b-36ec-9043-b47da51e9952:after, a.btn-light.btn2-mobile-outline-color-af3dfe0b-553b-36ec-9043-b47da51e9952: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-af3dfe0b-553b-36ec-9043-b47da51e9952: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-af3dfe0b-553b-36ec-9043-b47da51e9952{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-af3dfe0b-553b-36ec-9043-b47da51e9952{ 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-89469543-ce85-372c-bc3f-05d6ca1d7280 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-89469543-ce85-372c-bc3f-05d6ca1d7280:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-89469543-ce85-372c-bc3f-05d6ca1d7280 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-89469543-ce85-372c-bc3f-05d6ca1d7280:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-89469543-ce85-372c-bc3f-05d6ca1d7280 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-89469543-ce85-372c-bc3f-05d6ca1d7280:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-89469543-ce85-372c-bc3f-05d6ca1d7280 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-89469543-ce85-372c-bc3f-05d6ca1d7280" data-desktop-bg-color="transparent" id="BGContainer-18dc8cb1-1dd1-3b6d-8d2e-6b3ff8aebbc9"> <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-8f82f5be-abe8-3214-b640-d3f9ba88f8f4 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-8f82f5be-abe8-3214-b640-d3f9ba88f8f4:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-8f82f5be-abe8-3214-b640-d3f9ba88f8f4 .outer-container { width: 91.66666%; max-width: 1320px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-8f82f5be-abe8-3214-b640-d3f9ba88f8f4:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-8f82f5be-abe8-3214-b640-d3f9ba88f8f4 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-8f82f5be-abe8-3214-b640-d3f9ba88f8f4:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-8f82f5be-abe8-3214-b640-d3f9ba88f8f4 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-8f82f5be-abe8-3214-b640-d3f9ba88f8f4" data-desktop-bg-color="transparent" id="BGContainer-462e2bea-18c8-325c-8d3e-10908fa3fc63"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-5953d402-34c3-3d65-b623-3c01770855a7 { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-5953d402-34c3-3d65-b623-3c01770855a7 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-5953d402-34c3-3d65-b623-3c01770855a7 { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-5953d402-34c3-3d65-b623-3c01770855a7"></section> </div> <div class="beatsRTE parbase section"><!-- This components accepts free text from authors and renders --> <section class="bbd-component bbd-rte-container" data-analytics-scroll> <div id="RTE-d256a260-7684-3eff-96ff-a1f448193507" class="rte-container-f8d4f7bb-f48e-31d2-877f-003cbcf165ed beatsRTE-desktoptext component-section-spacing beatsRTE"> <div class="font-updated" style="color: #fff;"> <h2 style="font-size: clamp(1.3125rem, 0.851rem + 0.7212vw, 1.5rem); font-weight: 700; line-height: 1; letter-spacing: -0.2px; margin-bottom: 16px; color: inherit;">Listening Modes</h2> <div style="display: grid; grid-template-columns: 5fr 6fr; grid-gap: 4vw; color: #fff;"> <h2 style="font-size: clamp(3.75rem, 0.6731rem + 4.8077vw, 5rem); font-weight: 700; line-height: 1.1; letter-spacing: -1px; margin: 0; color: inherit;">Active Noise<br> Cancelling</h2> <div style="font-size: clamp(1.3125rem, 0.2356rem + 1.6827vw, 1.75rem); line-height: 1.4; letter-spacing: -0.2px; color: inherit;"> <p>At the touch of a button, two dynamic listening modes let you choose whether to keep the world out or let it in. Active Noise Cancelling adapts to your personal fit, neutralizing unwanted external noise.</p> <p>With 3x larger microphones, new venting, and a powerful processor, Beats Studio&nbsp;Buds&nbsp;+ have up to 1.6x more active noise cancelling power.<sup>1</sup></p> </div> </div> </div> </div> <div id="RTE-d256a260-7684-3eff-96ff-a1f448193507" class="rte-container-f8d4f7bb-f48e-31d2-877f-003cbcf165ed beatsRTE-tablettext component-section-spacing beatsRTE"> <div class="font-updated" style="display: grid; grid-template-rows: auto; color: #fff;"> <div> <h2 style="font-size: clamp(1.3125rem, 1.1792rem + 0.5017vw, 1.5rem); font-weight: 700; line-height: 1; letter-spacing: -0.83px; color: inherit; margin-bottom: 16px;">Listening Modes</h2> <h2 style="font-size: clamp(2.8125rem, 2.1462rem + 2.5084vw, 3.75rem); font-weight: 700; line-height: 1.1; letter-spacing: -1px; color: inherit; margin-bottom: 16px;">Active Noise<br> Cancelling</h2> </div> <div style="font-size: clamp(1.125rem, 0.9917rem + 0.5017vw, 1.3125rem); line-height: 1.4; letter-spacing: -0.2px; color: inherit;"> <p>At the touch of a button, two dynamic listening modes let you choose whether to keep the world out or let it in. Active Noise Cancelling adapts to your personal fit, neutralizing unwanted external noise.</p> <p>With 3x larger microphones, new venting, and a powerful processor, Beats Studio&nbsp;Buds&nbsp;+ have up to 1.6x more active noise cancelling power.<sup>1</sup></p> </div> </div> </div> <div id="RTE-d256a260-7684-3eff-96ff-a1f448193507" class="rte-container-f8d4f7bb-f48e-31d2-877f-003cbcf165ed beatsRTE-mobiletext component-section-spacing beatsRTE"> <div class="font-updated" style="display: grid; grid-template-rows: auto; color: #fff;"> <h2 style="color: inherit; font-size: clamp(1.125rem, 0.744rem + 1.9048vw, 1.25rem); font-weight: 700; line-height: 1; letter-spacing: -0.2px; margin-bottom: 16px;">Listening Modes</h2> <h2 style="font-size: clamp(2.25rem, 0.7262rem + 7.619vw, 2.75rem); font-weight: 700; line-height: 1.1; letter-spacing: -1px; color: inherit; margin-bottom: 16px;">Active Noise<br> Cancelling</h2> <div style="font-size: clamp(1rem, 0.2381rem + 3.8095vw, 1.25rem); line-height: 1.4; letter-spacing: -0.2px; color: inherit;"> <p>At the touch of a button, two dynamic listening modes let you choose whether to keep the world out or let it in. Active Noise Cancelling adapts to your personal fit, neutralizing unwanted external noise.</p> <p>With 3x larger microphones, new venting, and a powerful processor, Beats Studio&nbsp;Buds&nbsp;+ have up to 1.6x more active noise cancelling power.<sup>1</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-6bae4205-8403-33b0-a263-f5317474213a { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-6bae4205-8403-33b0-a263-f5317474213a:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-6bae4205-8403-33b0-a263-f5317474213a .outer-container { width: 100%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-6bae4205-8403-33b0-a263-f5317474213a:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-6bae4205-8403-33b0-a263-f5317474213a .outer-container { width: 96%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-6bae4205-8403-33b0-a263-f5317474213a:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-6bae4205-8403-33b0-a263-f5317474213a .outer-container { width: 96%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-6bae4205-8403-33b0-a263-f5317474213a" data-desktop-bg-color="transparent" id="BGContainer-698e6fbe-f98b-3361-aa6f-ee32157d34e1"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-e384cf5f-0a6b-3d3d-bc78-491e429610ab { padding-top: px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-e384cf5f-0a6b-3d3d-bc78-491e429610ab { padding-top: px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-e384cf5f-0a6b-3d3d-bc78-491e429610ab { padding-top: px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-e384cf5f-0a6b-3d3d-bc78-491e429610ab"></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-a6831bf3-95d3-38d0-9e90-6119d444e160 " 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/earbuds/studio-buds-plus/pdp/transparent-vids/studiobudsplus-pdp-p04-fallback-transparent.png.large.2x.png 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/transparent-vids/studiobudsplus-pdp-p04-fallback-transparent.png.medium.2x.png 2x"/> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/transparent-vids/studiobudsplus-pdp-p04-fallback-transparent.png.small.2x.png 2x"/> <img class="bbd-media-image" src="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/transparent-vids/studiobudsplus-pdp-p04-fallback-transparent.png.large.2x.png" srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/transparent-vids/studiobudsplus-pdp-p04-fallback-transparent.png.large.2x.png 2x" alt="Studio Buds + active noise cancelling graphic illustrating soundwaves" 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/earbuds/studio-buds-plus/pdp/transparent-vids/studiobudsplus-pdp-p04-hevc.mp4.rendition.mp4" type='video/mp4; codecs=&quot;hvc1&quot;'/> <source data-desktop-webm-src="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/transparent-vids/studiobudsplus-pdp-p04-hevc.mp4.rendition.webm" type="video/webm"/> <source data-mobile-mp4-src="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/transparent-vids/studiobudsplus-pdp-p04-hevc-mobile.mp4.rendition.mp4" type='video/mp4; codecs=&quot;hvc1&quot;'/> <source data-mobile-webm-src="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/transparent-vids/studiobudsplus-pdp-p04-hevc-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 content-md-full content-sm-full hide-lg-up hide-md 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="margin-top: -10%;"> <div class="font-updated" style="display: grid; grid-template-columns: auto auto auto; grid-column-gap: 2%; align-items: end; justify-content: center; line-height: 1; font-weight: 200; background: -webkit-linear-gradient(-45deg, #ede4db 0%, #C7B29F 35%, #7D5D3A 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding: 8px;"> <div style="font-size: clamp(1.2rem, 0.225rem + 4.8vw, 1.5rem); font-weight: 400; text-align: center;"> Up <br> To </div> <div style="font-size: clamp(6rem, 2.75rem + 16vw, 7rem); margin: 0; line-height: 0.72; margin-left: -5%;"> <span style="letter-spacing: -1rem;">1</span>.6x </div> <div style="font-size: clamp(1.2rem, 0.225rem + 4.8vw, 1.5rem); font-weight: 400;"> More <br> Active Noise <br> Cancelling<sup style="font-size: 40%; -webkit-text-fill-color: #7D5D3A;">2</sup> </div> </div> </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-474d7472-783f-3e20-b4c7-a18e37efdf3e { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-474d7472-783f-3e20-b4c7-a18e37efdf3e, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-474d7472-783f-3e20-b4c7-a18e37efdf3e { 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-474d7472-783f-3e20-b4c7-a18e37efdf3e { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-474d7472-783f-3e20-b4c7-a18e37efdf3e, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-474d7472-783f-3e20-b4c7-a18e37efdf3e { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-474d7472-783f-3e20-b4c7-a18e37efdf3e:after, .btn-light.btn1-bg-color-474d7472-783f-3e20-b4c7-a18e37efdf3e:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-474d7472-783f-3e20-b4c7-a18e37efdf3e{ color: ; } a.btn-light.btn1-outline-color-474d7472-783f-3e20-b4c7-a18e37efdf3e:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-474d7472-783f-3e20-b4c7-a18e37efdf3e: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-474d7472-783f-3e20-b4c7-a18e37efdf3e:after, .btn-light.btn2-bg-color-474d7472-783f-3e20-b4c7-a18e37efdf3e:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-474d7472-783f-3e20-b4c7-a18e37efdf3e{ color: ; } a.btn-light.btn2-outline-color-474d7472-783f-3e20-b4c7-a18e37efdf3e:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-474d7472-783f-3e20-b4c7-a18e37efdf3e: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-474d7472-783f-3e20-b4c7-a18e37efdf3e{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-474d7472-783f-3e20-b4c7-a18e37efdf3e{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-474d7472-783f-3e20-b4c7-a18e37efdf3e:after, .btn-light.btn1-tablet-bg-color-474d7472-783f-3e20-b4c7-a18e37efdf3e:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-474d7472-783f-3e20-b4c7-a18e37efdf3e{ color: ; } a.btn-light.btn1-tablet-outline-color-474d7472-783f-3e20-b4c7-a18e37efdf3e: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-474d7472-783f-3e20-b4c7-a18e37efdf3e: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-474d7472-783f-3e20-b4c7-a18e37efdf3e:after, .btn-light.btn2-tablet-bg-color-474d7472-783f-3e20-b4c7-a18e37efdf3e:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-474d7472-783f-3e20-b4c7-a18e37efdf3e{ color: ; } a.btn-light.btn2-tablet-outline-color-474d7472-783f-3e20-b4c7-a18e37efdf3e: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-474d7472-783f-3e20-b4c7-a18e37efdf3e: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-474d7472-783f-3e20-b4c7-a18e37efdf3e{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-474d7472-783f-3e20-b4c7-a18e37efdf3e{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-474d7472-783f-3e20-b4c7-a18e37efdf3e:after, .btn-light.btn1-mobile-bg-color-474d7472-783f-3e20-b4c7-a18e37efdf3e:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-474d7472-783f-3e20-b4c7-a18e37efdf3e{ color: ; } a.btn-light.btn1-mobile-outline-color-474d7472-783f-3e20-b4c7-a18e37efdf3e: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-474d7472-783f-3e20-b4c7-a18e37efdf3e: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-474d7472-783f-3e20-b4c7-a18e37efdf3e:after, .btn-light.btn2-mobile-bg-color-474d7472-783f-3e20-b4c7-a18e37efdf3e:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-474d7472-783f-3e20-b4c7-a18e37efdf3e{ color: ; } a.btn-light.btn2-mobile-outline-color-474d7472-783f-3e20-b4c7-a18e37efdf3e:after, a.btn-light.btn2-mobile-outline-color-474d7472-783f-3e20-b4c7-a18e37efdf3e: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-474d7472-783f-3e20-b4c7-a18e37efdf3e: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-474d7472-783f-3e20-b4c7-a18e37efdf3e{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-474d7472-783f-3e20-b4c7-a18e37efdf3e{ 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-4020cd21-7012-3816-a364-88bc2aad38d1 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-4020cd21-7012-3816-a364-88bc2aad38d1:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-4020cd21-7012-3816-a364-88bc2aad38d1 .outer-container { width: 100%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-4020cd21-7012-3816-a364-88bc2aad38d1:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-4020cd21-7012-3816-a364-88bc2aad38d1 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-4020cd21-7012-3816-a364-88bc2aad38d1:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-4020cd21-7012-3816-a364-88bc2aad38d1 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-4020cd21-7012-3816-a364-88bc2aad38d1" data-desktop-bg-color="transparent" id="BGContainer-f9fdc19a-5363-37c3-9c5b-054e82637533"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-89420334-dc0f-3819-a86a-d826077351b4 { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-89420334-dc0f-3819-a86a-d826077351b4 { padding-top: 0px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-89420334-dc0f-3819-a86a-d826077351b4 { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-89420334-dc0f-3819-a86a-d826077351b4"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-img-text-component.id-849969f1-3b34-31d0-b0ee-d00bd396e9f5 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-text-column { width: 50%; max-width: 50%; } .bbd-img-text-component.id-849969f1-3b34-31d0-b0ee-d00bd396e9f5 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-picture-block { flex: 1; } .bbd-img-text-component.id-849969f1-3b34-31d0-b0ee-d00bd396e9f5 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-text-column { padding: 0; } .bbd-img-text-component.id-849969f1-3b34-31d0-b0ee-d00bd396e9f5 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-picture-block { } } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for 1X Config */ .bbd-img-text-component.id-849969f1-3b34-31d0-b0ee-d00bd396e9f5 .bbd-1X-image .content-column .bbd-1X-image-text-column { width: 50%; max-width: 50%; } .bbd-img-text-component.id-849969f1-3b34-31d0-b0ee-d00bd396e9f5 .content-wrapper section.bbd-1X-image .content-column .bbd-1X-image-text-block { width: 100%; max-width: 100%; } .bbd-img-text-component.id-849969f1-3b34-31d0-b0ee-d00bd396e9f5 .bbd-1X-image .content-column .bbd-1X-image-picture-block { flex: 1; } } </style> <section class="bbd-component bbd-img-text-component id-849969f1-3b34-31d0-b0ee-d00bd396e9f5" data-analytics-scroll> <div class="content-wrapper mobile-column-reverse desktop-side-by-side-config-1x tablet-side-by-side-config-1x"> <section class="bbd-1X-image " data-bbd-anim-target="true"> <div class="content-column"> <div class="lg-6 md-6 sm-12 bbd-1X-image-text-column align-self--center bbd-1X-video-variant "> <div class="bbd-1X-image-text-block"> <div class="show-desktop"> <div class="font-updated" style="color: #fff;"> <h2 style="font-size: clamp(3.75rem, 0.6731rem + 4.8077vw, 5rem); font-weight: 700; line-height: 1.1; letter-spacing: -1px; margin-bottom: 48px; color: inherit;"><sup></sup>Transparency<br> Mode</h2> <div style="font-size: clamp(1.3125rem, 0.2356rem + 1.6827vw, 1.75rem); line-height: 1.4; letter-spacing: -0.2px; color: inherit;"> <p>Transparency mode blends your listening experience with the world around you. External-facing microphones capture ambient sound to mix in with your music when you need to be aware of your surroundings.</p> <p>Beats Studio&nbsp;Buds&nbsp;+ has up to 2x improved Transparency.<sup>1</sup></p> </div> </div> </div> <div class="show-tablet"><div class="font-updated" style="color: #fff;"> <div> <h2 style="font-size: clamp(2.8125rem, 2.1462rem + 2.5084vw, 3.75rem); font-weight: 700; line-height: 1.1; letter-spacing: -1px; margin-bottom: 16px; color: inherit;">Transparency<br> Mode</h2> </div> <div style="font-size: clamp(1.125rem, 0.9917rem + 0.5017vw, 1.3125rem); line-height: 1.4; letter-spacing: -0.2px; color: inherit;"> <p>Transparency mode blends your listening experience with the world around you. External-facing microphones capture ambient sound to mix in with your music when you need to be aware of your surroundings.</p> <p>Beats Studio&nbsp;Buds&nbsp;+ has up to 2x improved Transparency.<sup>1</sup></p> </div> </div></div> <div class="show-mobile"><div class="font-updated" style="color: #fff; margin-bottom: -40px;"> <div> <h2 style="font-size: clamp(2.25rem, 0.7262rem + 7.619vw, 2.75rem); font-weight: 700; line-height: 1.1; letter-spacing: -1px; margin-bottom: 16px; color: inherit;">Transparency<br> Mode</h2> </div> <div style="font-size: clamp(1rem, 0.2381rem + 3.8095vw, 1.25rem); line-height: 1.4; letter-spacing: -0.2px; color: inherit;"> <p>Transparency mode blends your listening experience with the world around you. External-facing microphones capture ambient sound to mix in with your music when you need to be aware of your surroundings.</p> <p>Beats Studio&nbsp;Buds&nbsp;+ has up to 2x improved Transparency.<sup>1</sup></p> </div> </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-26ca0ff9-d061-35bb-be4d-e3939f81248d { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-26ca0ff9-d061-35bb-be4d-e3939f81248d, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-26ca0ff9-d061-35bb-be4d-e3939f81248d { 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-26ca0ff9-d061-35bb-be4d-e3939f81248d { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-26ca0ff9-d061-35bb-be4d-e3939f81248d, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-26ca0ff9-d061-35bb-be4d-e3939f81248d { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-26ca0ff9-d061-35bb-be4d-e3939f81248d:after, .btn-light.btn1-bg-color-26ca0ff9-d061-35bb-be4d-e3939f81248d:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-26ca0ff9-d061-35bb-be4d-e3939f81248d{ color: ; } a.btn-light.btn1-outline-color-26ca0ff9-d061-35bb-be4d-e3939f81248d:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-26ca0ff9-d061-35bb-be4d-e3939f81248d: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-26ca0ff9-d061-35bb-be4d-e3939f81248d:after, .btn-light.btn2-bg-color-26ca0ff9-d061-35bb-be4d-e3939f81248d:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-26ca0ff9-d061-35bb-be4d-e3939f81248d{ color: ; } a.btn-light.btn2-outline-color-26ca0ff9-d061-35bb-be4d-e3939f81248d:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-26ca0ff9-d061-35bb-be4d-e3939f81248d: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-26ca0ff9-d061-35bb-be4d-e3939f81248d{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-26ca0ff9-d061-35bb-be4d-e3939f81248d{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-26ca0ff9-d061-35bb-be4d-e3939f81248d:after, .btn-light.btn1-tablet-bg-color-26ca0ff9-d061-35bb-be4d-e3939f81248d:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-26ca0ff9-d061-35bb-be4d-e3939f81248d{ color: ; } a.btn-light.btn1-tablet-outline-color-26ca0ff9-d061-35bb-be4d-e3939f81248d: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-26ca0ff9-d061-35bb-be4d-e3939f81248d: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-26ca0ff9-d061-35bb-be4d-e3939f81248d:after, .btn-light.btn2-tablet-bg-color-26ca0ff9-d061-35bb-be4d-e3939f81248d:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-26ca0ff9-d061-35bb-be4d-e3939f81248d{ color: ; } a.btn-light.btn2-tablet-outline-color-26ca0ff9-d061-35bb-be4d-e3939f81248d: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-26ca0ff9-d061-35bb-be4d-e3939f81248d: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-26ca0ff9-d061-35bb-be4d-e3939f81248d{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-26ca0ff9-d061-35bb-be4d-e3939f81248d{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-26ca0ff9-d061-35bb-be4d-e3939f81248d:after, .btn-light.btn1-mobile-bg-color-26ca0ff9-d061-35bb-be4d-e3939f81248d:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-26ca0ff9-d061-35bb-be4d-e3939f81248d{ color: ; } a.btn-light.btn1-mobile-outline-color-26ca0ff9-d061-35bb-be4d-e3939f81248d: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-26ca0ff9-d061-35bb-be4d-e3939f81248d: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-26ca0ff9-d061-35bb-be4d-e3939f81248d:after, .btn-light.btn2-mobile-bg-color-26ca0ff9-d061-35bb-be4d-e3939f81248d:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-26ca0ff9-d061-35bb-be4d-e3939f81248d{ color: ; } a.btn-light.btn2-mobile-outline-color-26ca0ff9-d061-35bb-be4d-e3939f81248d:after, a.btn-light.btn2-mobile-outline-color-26ca0ff9-d061-35bb-be4d-e3939f81248d: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-26ca0ff9-d061-35bb-be4d-e3939f81248d: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-26ca0ff9-d061-35bb-be4d-e3939f81248d{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-26ca0ff9-d061-35bb-be4d-e3939f81248d{ color: ; } } </style> </div> </div> <div class="lg-6 md-6 sm-12 bbd-1X-image-picture-block "> <div class="pyt-target"> <div class="beats-video-block bbd-media-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/earbuds/studio-buds-plus/pdp/transparent-vids/studiobudsplus-pdp-p05-fallback-transparent.png.large.2x.png 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/transparent-vids/studiobudsplus-pdp-p05-fallback-transparent.png.medium.2x.png 2x"/> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/transparent-vids/studiobudsplus-pdp-p05-fallback-transparent.png.small.2x.png 2x"/> <img class="bbd-media-image" src="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/transparent-vids/studiobudsplus-pdp-p05-fallback-transparent.png.large.2x.png" srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/transparent-vids/studiobudsplus-pdp-p05-fallback-transparent.png.large.2x.png 2x" alt="Graphic depicting Transparency Mode" 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="6"> <source data-desktop-mp4-src="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/transparent-vids/studiobudsplus-pdp-p05-hevc.mp4.rendition.mp4" type='video/mp4; codecs=&quot;hvc1&quot;'/> <source data-desktop-webm-src="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/transparent-vids/studiobudsplus-pdp-p05-hevc.mp4.rendition.webm" type="video/webm"/> <source data-mobile-mp4-src="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/transparent-vids/studiobudsplus-pdp-p05-hevc-mobile.mp4.rendition.mp4" type='video/mp4; codecs=&quot;hvc1&quot;'/> <source data-mobile-webm-src="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/transparent-vids/studiobudsplus-pdp-p05-hevc-mobile.mp4.rendition.webm" type="video/webm"/> </beats-video> </div> </div> <style type="text/css"> </style> </div> </div> </div> </section> </div> </section> </div> <div class="beatsRTE parbase section"><!-- This components accepts free text from authors and renders --> <section class="bbd-component bbd-rte-container" data-analytics-scroll> <div id="RTE-4dae7981-f0cb-3885-9c5c-61643a3f0b46" class="rte-container-8d422e41-0d75-346b-979d-1f2b60998a6a beatsRTE-desktoptext "> </div> <div id="RTE-4dae7981-f0cb-3885-9c5c-61643a3f0b46" class="rte-container-8d422e41-0d75-346b-979d-1f2b60998a6a beatsRTE-tablettext "> </div> <div id="RTE-4dae7981-f0cb-3885-9c5c-61643a3f0b46" class="rte-container-8d422e41-0d75-346b-979d-1f2b60998a6a beatsRTE-mobiletext "> <div class="font-updated" style="display: grid; grid-template-columns: auto auto auto; grid-column-gap: 2%; align-items: end; justify-content: center; line-height: 1; font-weight: 200; background: -webkit-linear-gradient(-45deg, #ede4db 0%, #C7B29F 35%, #7D5D3A 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding: 8px;"> <div style="font-size: clamp(1.5rem, 0.6875rem + 4vw, 1.75rem); font-weight: 400; text-align: center;"> Up <br> To </div> <div style="font-size: clamp(6rem, 2.75rem + 16vw, 7rem); margin: 0; line-height: 0.72; margin-left: -5%;"> 2x </div> <div style="font-size: clamp(1.5rem, 0.6875rem + 4vw, 1.75rem); font-weight: 400;"> Improved <br> Transparency<sup style="font-size: 40%; -webkit-text-fill-color: #7D5D3A;">2</sup> </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-a64000a1-002b-30c7-afdb-6c5dc535b102 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-a64000a1-002b-30c7-afdb-6c5dc535b102:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-a64000a1-002b-30c7-afdb-6c5dc535b102 .outer-container { width: 91.66666%; max-width: 1320px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-a64000a1-002b-30c7-afdb-6c5dc535b102:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-a64000a1-002b-30c7-afdb-6c5dc535b102 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-a64000a1-002b-30c7-afdb-6c5dc535b102:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-a64000a1-002b-30c7-afdb-6c5dc535b102 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-a64000a1-002b-30c7-afdb-6c5dc535b102" data-desktop-bg-color="transparent" id="BGContainer-10d0445b-2f27-3c8a-8c6a-abfc74b4600f"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-f1dc03bd-6016-3aff-9e38-2771c31ac51d { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-f1dc03bd-6016-3aff-9e38-2771c31ac51d { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-f1dc03bd-6016-3aff-9e38-2771c31ac51d { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-f1dc03bd-6016-3aff-9e38-2771c31ac51d"></section> </div> <div class="beatsRTE parbase section"><!-- This components accepts free text from authors and renders --> <section class="bbd-component bbd-rte-container" data-analytics-scroll> <div id="RTE-505d160e-348e-35f9-b11d-91e4e512eb63" class="rte-container-88413ca5-bb58-31af-9b06-98959ea18fc2 beatsRTE-desktoptext component-section-spacing beatsRTE"> <div class="font-updated" style="color: #fff;"> <h2 style="font-size: clamp(1.3125rem, 0.851rem + 0.7212vw, 1.5rem); font-weight: 700; line-height: 1; letter-spacing: -0.2px; margin-bottom: 16px; color: inherit;">Spatial Audio</h2> <div style="display: grid; grid-template-columns: 5fr 6fr; grid-gap: 4vw; color: #fff;"> <h2 style="font-size: clamp(3.75rem, 0.6731rem + 4.8077vw, 5rem); font-weight: 700; line-height: 1.1; letter-spacing: -1px; margin: 0; color: inherit;">Surrounds<br> You in Sound</h2> <div style="font-size: clamp(1.3125rem, 0.2356rem + 1.6827vw, 1.75rem); line-height: 1.4; color: inherit; letter-spacing: -0.2px;"> <p>Beats Studio&nbsp;Buds&nbsp;+ support spatial audio for immersive music — delivering a surround sound experience — that you can take anywhere.<sup>3</sup></p> <p>It's like being surrounded by 64 speakers at once.</p> </div> </div> </div> </div> <div id="RTE-505d160e-348e-35f9-b11d-91e4e512eb63" class="rte-container-88413ca5-bb58-31af-9b06-98959ea18fc2 beatsRTE-tablettext component-section-spacing beatsRTE"> <div class="font-updated" style="display: grid; grid-template-columns: auto; color: #fff;"> <div> <h2 style="font-size: clamp(1.3125rem, 1.1792rem + 0.5017vw, 1.5rem); font-weight: 700; line-height: 1; letter-spacing: -0.2px; color: inherit; margin-bottom: 16px;">Spatial Audio</h2> <h2 style="font-size: clamp(2.8125rem, 2.1462rem + 2.5084vw, 3.75rem); font-weight: 700; line-height: 1.1; letter-spacing: -1px; color: inherit; margin-bottom: 16px;">Surrounds<br> You in Sound</h2> </div> <div style="font-size: clamp(1.125rem, 0.9917rem + 0.5017vw, 1.3125rem); line-height: 1.4; color: inherit; letter-spacing: -0.2px;"> <p>Beats Studio&nbsp;Buds&nbsp;+ support spatial audio for immersive music — delivering a surround sound experience — that you can take anywhere.<sup>3</sup></p> <p>It's like being surrounded by 64 speakers at once.</p> </div> </div> </div> <div id="RTE-505d160e-348e-35f9-b11d-91e4e512eb63" class="rte-container-88413ca5-bb58-31af-9b06-98959ea18fc2 beatsRTE-mobiletext component-section-spacing beatsRTE"> <div class="font-updated" style="display: grid; grid-template-columns: auto; color: #fff;"> <div> <h2 style="font-size: clamp(1.125rem, 0.744rem + 1.9048vw, 1.25rem); font-weight: 700; line-height: 1; letter-spacing: -0.2px; color: inherit; margin-bottom: 16px;">Spatial Audio</h2> <h2 style="font-size: clamp(2.25rem, 0.7262rem + 7.619vw, 2.75rem); font-weight: 700; line-height: 1.1; letter-spacing: -1px; color: inherit; margin-bottom: 16px;">Surrounds<br> You in Sound</h2> </div> <div style="font-size: clamp(1rem, 0.2381rem + 3.8095vw, 1.25rem); line-height: 1.4; color: inherit; letter-spacing: -0.2px;"> <p>Beats Studio&nbsp;Buds&nbsp;+ support spatial audio for immersive music — delivering a surround sound experience — that you can take anywhere.<sup>3</sup></p> <p>It's like being surrounded by 64 speakers at once.</p> </div> </div> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-d69f01be-ae27-3b92-857e-c01c23160dc5 { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-d69f01be-ae27-3b92-857e-c01c23160dc5 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-d69f01be-ae27-3b92-857e-c01c23160dc5 { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-d69f01be-ae27-3b92-857e-c01c23160dc5"></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-3d9d3309-4bb3-3a97-ac0b-6dbdd99a8139 { background: linear-gradient(to bottom, transparent 70%, #FAFAFA 0%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-3d9d3309-4bb3-3a97-ac0b-6dbdd99a8139:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 70%, #FAFAFA 0%); } .bbd-full-width-container.id-3d9d3309-4bb3-3a97-ac0b-6dbdd99a8139 .outer-container { width: 100%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-3d9d3309-4bb3-3a97-ac0b-6dbdd99a8139:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 70%, #FAFAFA 0%); } .bbd-full-width-container.id-3d9d3309-4bb3-3a97-ac0b-6dbdd99a8139 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-3d9d3309-4bb3-3a97-ac0b-6dbdd99a8139:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 70%, #FAFAFA 0%); } .bbd-full-width-container.id-3d9d3309-4bb3-3a97-ac0b-6dbdd99a8139 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-3d9d3309-4bb3-3a97-ac0b-6dbdd99a8139" data-desktop-bg-color="linear-gradient(to bottom, transparent 70%, #FAFAFA 0%)" id="BGContainer-db09e21a-1f7d-3b29-bc5c-b00ffdb24887"> <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> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-3d9d3309-4bb3-3a97-ac0b-6dbdd99a8139 { max-width: inherit; background: transparent; } .bbd-full-width-container.id-3d9d3309-4bb3-3a97-ac0b-6dbdd99a8139 .outer-container { width: 100%; max-width: 100%; margin: 0 auto; } .bbd-full-width-container.id-3d9d3309-4bb3-3a97-ac0b-6dbdd99a8139 .bbd-img-text-component[data-full-module] .content-wrapper .transition-image-wrapper { background: linear-gradient(to bottom, transparent 70%, #FAFAFA 0%); } .bbd-full-width-container.id-3d9d3309-4bb3-3a97-ac0b-6dbdd99a8139 .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-3d9d3309-4bb3-3a97-ac0b-6dbdd99a8139 .bbd-img-text-component[data-full-module] .content-wrapper .transition-content-wrapper{ width:100%; background: #FAFAFA; } .bbd-full-width-container.id-3d9d3309-4bb3-3a97-ac0b-6dbdd99a8139 .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-3d9d3309-4bb3-3a97-ac0b-6dbdd99a8139 { max-width: inherit; background: transparent; } .bbd-full-width-container.id-3d9d3309-4bb3-3a97-ac0b-6dbdd99a8139 .outer-container { width: 100%; max-width: 100%; margin: 0 auto; } .bbd-full-width-container.id-3d9d3309-4bb3-3a97-ac0b-6dbdd99a8139 .bbd-img-text-component[data-full-module] .content-wrapper .transition-image-wrapper { background: linear-gradient(to bottom, transparent 70%, #FAFAFA 0%); } .bbd-full-width-container.id-3d9d3309-4bb3-3a97-ac0b-6dbdd99a8139 .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-3d9d3309-4bb3-3a97-ac0b-6dbdd99a8139 .bbd-img-text-component[data-full-module] .content-wrapper .transition-content-wrapper { width: 100%; background: #FAFAFA; } .bbd-full-width-container.id-3d9d3309-4bb3-3a97-ac0b-6dbdd99a8139 .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-f93c5f29-54ca-3e81-9a2c-c40ea533f9df " 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/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p06.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p06.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-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/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p06.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p06.jpg.large.2x.jpg 2x" alt="Person wearing Beats Studio Buds + in the color Ivory." 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-3ec45e38-f756-34bf-8afa-08978e087d56 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-3ec45e38-f756-34bf-8afa-08978e087d56, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-3ec45e38-f756-34bf-8afa-08978e087d56 { 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-3ec45e38-f756-34bf-8afa-08978e087d56 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-3ec45e38-f756-34bf-8afa-08978e087d56, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-3ec45e38-f756-34bf-8afa-08978e087d56 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-3ec45e38-f756-34bf-8afa-08978e087d56:after, .btn-light.btn1-bg-color-3ec45e38-f756-34bf-8afa-08978e087d56:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-3ec45e38-f756-34bf-8afa-08978e087d56{ color: ; } a.btn-light.btn1-outline-color-3ec45e38-f756-34bf-8afa-08978e087d56:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-3ec45e38-f756-34bf-8afa-08978e087d56: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-3ec45e38-f756-34bf-8afa-08978e087d56:after, .btn-light.btn2-bg-color-3ec45e38-f756-34bf-8afa-08978e087d56:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-3ec45e38-f756-34bf-8afa-08978e087d56{ color: ; } a.btn-light.btn2-outline-color-3ec45e38-f756-34bf-8afa-08978e087d56:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-3ec45e38-f756-34bf-8afa-08978e087d56: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-3ec45e38-f756-34bf-8afa-08978e087d56{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-3ec45e38-f756-34bf-8afa-08978e087d56{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-3ec45e38-f756-34bf-8afa-08978e087d56:after, .btn-light.btn1-tablet-bg-color-3ec45e38-f756-34bf-8afa-08978e087d56:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-3ec45e38-f756-34bf-8afa-08978e087d56{ color: ; } a.btn-light.btn1-tablet-outline-color-3ec45e38-f756-34bf-8afa-08978e087d56: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-3ec45e38-f756-34bf-8afa-08978e087d56: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-3ec45e38-f756-34bf-8afa-08978e087d56:after, .btn-light.btn2-tablet-bg-color-3ec45e38-f756-34bf-8afa-08978e087d56:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-3ec45e38-f756-34bf-8afa-08978e087d56{ color: ; } a.btn-light.btn2-tablet-outline-color-3ec45e38-f756-34bf-8afa-08978e087d56: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-3ec45e38-f756-34bf-8afa-08978e087d56: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-3ec45e38-f756-34bf-8afa-08978e087d56{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-3ec45e38-f756-34bf-8afa-08978e087d56{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-3ec45e38-f756-34bf-8afa-08978e087d56:after, .btn-light.btn1-mobile-bg-color-3ec45e38-f756-34bf-8afa-08978e087d56:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-3ec45e38-f756-34bf-8afa-08978e087d56{ color: ; } a.btn-light.btn1-mobile-outline-color-3ec45e38-f756-34bf-8afa-08978e087d56: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-3ec45e38-f756-34bf-8afa-08978e087d56: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-3ec45e38-f756-34bf-8afa-08978e087d56:after, .btn-light.btn2-mobile-bg-color-3ec45e38-f756-34bf-8afa-08978e087d56:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-3ec45e38-f756-34bf-8afa-08978e087d56{ color: ; } a.btn-light.btn2-mobile-outline-color-3ec45e38-f756-34bf-8afa-08978e087d56:after, a.btn-light.btn2-mobile-outline-color-3ec45e38-f756-34bf-8afa-08978e087d56: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-3ec45e38-f756-34bf-8afa-08978e087d56: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-3ec45e38-f756-34bf-8afa-08978e087d56{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-3ec45e38-f756-34bf-8afa-08978e087d56{ 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-f2a09261-da0c-3689-ab07-d36b12f1e536 { background: #FAFAFA; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-f2a09261-da0c-3689-ab07-d36b12f1e536:not(.bg-color-match-enabled) { background: #FAFAFA; } .bbd-full-width-container.id-f2a09261-da0c-3689-ab07-d36b12f1e536 .outer-container { width: 100%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-f2a09261-da0c-3689-ab07-d36b12f1e536:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-f2a09261-da0c-3689-ab07-d36b12f1e536 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-f2a09261-da0c-3689-ab07-d36b12f1e536:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-f2a09261-da0c-3689-ab07-d36b12f1e536 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-f2a09261-da0c-3689-ab07-d36b12f1e536" data-desktop-bg-color="#FAFAFA" id="BGContainer-c2d033c6-2fac-326b-953f-1cf82580c37e"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-9fd677ef-1785-3722-b2f8-1adfb81d6c94 { padding-top: 20px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-9fd677ef-1785-3722-b2f8-1adfb81d6c94 { padding-top: 0px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-9fd677ef-1785-3722-b2f8-1adfb81d6c94 { padding-top: 0px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-9fd677ef-1785-3722-b2f8-1adfb81d6c94"></section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-dcc7c0b8-16ba-35c6-8504-e95d51be6393 { background: linear-gradient(187.08deg, #627071 6.18%, #6B797A 55.48%, #798687 108.56%);; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-dcc7c0b8-16ba-35c6-8504-e95d51be6393:not(.bg-color-match-enabled) { background: linear-gradient(187.08deg, #627071 6.18%, #6B797A 55.48%, #798687 108.56%);; } .bbd-full-width-container.id-dcc7c0b8-16ba-35c6-8504-e95d51be6393 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-dcc7c0b8-16ba-35c6-8504-e95d51be6393:not(.bg-color-match-enabled) { background: linear-gradient(187.08deg, #627071 6.18%, #6B797A 55.48%, #798687 108.56%);; } .bbd-full-width-container.id-dcc7c0b8-16ba-35c6-8504-e95d51be6393 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-dcc7c0b8-16ba-35c6-8504-e95d51be6393:not(.bg-color-match-enabled) { background: linear-gradient(187.08deg, #627071 6.18%, #6B797A 55.48%, #798687 108.56%);; } .bbd-full-width-container.id-dcc7c0b8-16ba-35c6-8504-e95d51be6393 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-dcc7c0b8-16ba-35c6-8504-e95d51be6393" data-desktop-bg-color="linear-gradient(187.08deg, #627071 6.18%, #6B797A 55.48%, #798687 108.56%);" id="BGContainer-e022a992-92d9-3010-92ec-2cd67c450813"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-c10657a3-5b19-3e51-828d-8750a55f666f { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-c10657a3-5b19-3e51-828d-8750a55f666f { padding-top: 0px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-c10657a3-5b19-3e51-828d-8750a55f666f { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-c10657a3-5b19-3e51-828d-8750a55f666f"></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-3e530c10-223c-3879-879d-56bcc4ed3ad1 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 40%; } } </style> <section class="bbd-component transition bbd-img-text-component id-3e530c10-223c-3879-879d-56bcc4ed3ad1 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper mobile-column-reverse 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/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p07.png.large.2x.png 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p07.png.medium.2x.png 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-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/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p07.png.large.2x.png" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p07.png.large.2x.png 2x" alt="Close up of Beats Studio Buds + in the color Ivory with 4 ear-tip sizes." role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper overlay-text-block "> <div class="content-column middle-left-wrapper"> <div class="hero-copy middle-left"> <div class="show-desktop"><div class="font-updated" style="color: #fff;"> <div> <h2 style="font-size: clamp(1.3125rem, 0.851rem + 0.7212vw, 1.5rem); font-weight: 700; line-height: 1; letter-spacing: -0.2px; margin-bottom: 16px; color: inherit;">Fit</h2> <h2 style="font-size: clamp(3.75rem, 0.6731rem + 4.8077vw, 5rem); font-weight: 700; line-height: 1.1 letter-spacing: -1px; margin-bottom: 48px; color: inherit;">All-Day<br> Comfort</h2> </div> <div style="font-size: clamp(1.3125rem, 0.2356rem + 1.6827vw, 1.75rem); line-height: 1.4; letter-spacing: -0.2px; color: inherit;"> <p>With four ear tip options (XS, S, M &amp; L) to fit a wider range of ears, Beats Studio&nbsp;Buds&nbsp;+ create a comfortable acoustic seal for the best listening experience, securing your earbuds in place.</p> </div> </div></div> <div class="show-tablet"><div class="font-updated" style="color: #fff; max-width: 50%;"> <div> <h2 style="font-size: clamp(1.3125rem, 1.1792rem + 0.5017vw, 1.5rem); font-weight: 700; line-height: 1; letter-spacing: -0.2px; margin-bottom: 16px; color: inherit;">Fit</h2> <h2 style="font-size: clamp(2.8125rem, 2.1462rem + 2.5084vw, 3.75rem); font-weight: 700; line-height: 1.1; letter-spacing: -1px; margin-bottom: 16px; color: inherit;">All-Day<br> Comfort</h2> </div> <div style="font-size: clamp(1.125rem, 0.9917rem + 0.5017vw, 1.3125rem); line-height: 1.4; letter-spacing: -0.2px; color: inherit;"> <p>With four ear tip options (XS, S, M &amp; L) to fit a wider range of ears, Beats Studio&nbsp;Buds&nbsp;+ create a comfortable acoustic seal for the best listening experience, securing your earbuds in place.</p> </div> </div></div> <div class="show-mobile"><div class="font-updated" style="color: #fff; margin-bottom: -40px;"> <div> <h2 style="font-size: clamp(1.125rem, 0.744rem + 1.9048vw, 1.25rem); font-weight: 700; line-height: 1; letter-spacing: -0.2px; margin-bottom: 16px; color: inherit;">Fit</h2> <h2 style="font-size: clamp(2.25rem, 0.7262rem + 7.619vw, 2.75rem); font-weight: 700; line-height: 1.1; letter-spacing: -1px; margin-bottom: 16px; color: inherit;">All-Day<br> Comfort</h2> </div> <div style="font-size: clamp(1rem, 0.2381rem + 3.8095vw, 1.25rem); line-height: 1.4; letter-spacing: -0.2px; color: inherit;"> <p>With four ear tip options (XS, S, M &amp; L) to fit a wider range of ears, Beats Studio&nbsp;Buds&nbsp;+ create a comfortable acoustic seal for the best listening experience, securing your earbuds in place.</p> </div> </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-bb660ded-87a9-3f21-a29b-7ef5fa5c6408 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408 { 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-bb660ded-87a9-3f21-a29b-7ef5fa5c6408 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408:after, .btn-light.btn1-bg-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408{ color: ; } a.btn-light.btn1-outline-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408: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-bb660ded-87a9-3f21-a29b-7ef5fa5c6408:after, .btn-light.btn2-bg-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408{ color: ; } a.btn-light.btn2-outline-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408: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-bb660ded-87a9-3f21-a29b-7ef5fa5c6408{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-bb660ded-87a9-3f21-a29b-7ef5fa5c6408{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408:after, .btn-light.btn1-tablet-bg-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408{ color: ; } a.btn-light.btn1-tablet-outline-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408: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-bb660ded-87a9-3f21-a29b-7ef5fa5c6408: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-bb660ded-87a9-3f21-a29b-7ef5fa5c6408:after, .btn-light.btn2-tablet-bg-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408{ color: ; } a.btn-light.btn2-tablet-outline-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408: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-bb660ded-87a9-3f21-a29b-7ef5fa5c6408: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-bb660ded-87a9-3f21-a29b-7ef5fa5c6408{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-bb660ded-87a9-3f21-a29b-7ef5fa5c6408{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408:after, .btn-light.btn1-mobile-bg-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408{ color: ; } a.btn-light.btn1-mobile-outline-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408: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-bb660ded-87a9-3f21-a29b-7ef5fa5c6408: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-bb660ded-87a9-3f21-a29b-7ef5fa5c6408:after, .btn-light.btn2-mobile-bg-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408{ color: ; } a.btn-light.btn2-mobile-outline-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408:after, a.btn-light.btn2-mobile-outline-color-bb660ded-87a9-3f21-a29b-7ef5fa5c6408: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-bb660ded-87a9-3f21-a29b-7ef5fa5c6408: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-bb660ded-87a9-3f21-a29b-7ef5fa5c6408{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-bb660ded-87a9-3f21-a29b-7ef5fa5c6408{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-eb082e26-a724-3c5a-b562-55981bbf6398 { padding-top: 40px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-eb082e26-a724-3c5a-b562-55981bbf6398 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-eb082e26-a724-3c5a-b562-55981bbf6398 { padding-top: 0px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-eb082e26-a724-3c5a-b562-55981bbf6398"></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-2fae74f9-ff5f-36d2-8782-f3f702959d2d { background: #FAFAFA; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-2fae74f9-ff5f-36d2-8782-f3f702959d2d:not(.bg-color-match-enabled) { background: #FAFAFA; } .bbd-full-width-container.id-2fae74f9-ff5f-36d2-8782-f3f702959d2d .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-2fae74f9-ff5f-36d2-8782-f3f702959d2d:not(.bg-color-match-enabled) { background: #FAFAFA; } .bbd-full-width-container.id-2fae74f9-ff5f-36d2-8782-f3f702959d2d .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-2fae74f9-ff5f-36d2-8782-f3f702959d2d:not(.bg-color-match-enabled) { background: #FAFAFA; } .bbd-full-width-container.id-2fae74f9-ff5f-36d2-8782-f3f702959d2d .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-2fae74f9-ff5f-36d2-8782-f3f702959d2d" data-desktop-bg-color="#FAFAFA" id="BGContainer-cdd60b3a-d3f2-3ea5-90a6-956fa9f83ee8"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-97ac25b9-4bcb-3556-a11b-b883a9f86683 { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-97ac25b9-4bcb-3556-a11b-b883a9f86683 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-97ac25b9-4bcb-3556-a11b-b883a9f86683 { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-97ac25b9-4bcb-3556-a11b-b883a9f86683"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-img-text-component.id-6eff3f3c-9599-30ef-bcd6-4b5bd68bc3f3 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-text-column { width: 44%; max-width: 44%; } .bbd-img-text-component.id-6eff3f3c-9599-30ef-bcd6-4b5bd68bc3f3 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-picture-block { flex: 1; } .bbd-img-text-component.id-6eff3f3c-9599-30ef-bcd6-4b5bd68bc3f3 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-text-column { padding: 0; } .bbd-img-text-component.id-6eff3f3c-9599-30ef-bcd6-4b5bd68bc3f3 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-picture-block { } } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for 1X Config */ .bbd-img-text-component.id-6eff3f3c-9599-30ef-bcd6-4b5bd68bc3f3 .bbd-1X-image .content-column .bbd-1X-image-text-column { width: 44%; max-width: 44%; } .bbd-img-text-component.id-6eff3f3c-9599-30ef-bcd6-4b5bd68bc3f3 .content-wrapper section.bbd-1X-image .content-column .bbd-1X-image-text-block { width: 100%; max-width: 100%; } .bbd-img-text-component.id-6eff3f3c-9599-30ef-bcd6-4b5bd68bc3f3 .bbd-1X-image .content-column .bbd-1X-image-picture-block { flex: 1; } } </style> <section class="bbd-component bbd-1X-flip bbd-img-text-component id-6eff3f3c-9599-30ef-bcd6-4b5bd68bc3f3" data-analytics-scroll> <div class="content-wrapper mobile-column-reverse desktop-side-by-side-config-1x tablet-side-by-side-config-1x"> <section class="bbd-1X-image bbd-1X-flip " data-bbd-anim-target="true"> <div class="content-column"> <div class="lg-6 md-6 sm-12 bbd-1X-image-picture-block "> <div class="pyt-target"> <picture class="beats-picture "> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p08.png.large.2x.png 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p08.png.medium.2x.png 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p08.png.small.2x.png 2x"/> <img data-resp-exclude class="bbd-media-image " data-lazy="" data-src="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p08.png.large.2x.png" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p08.png.large.2x.png 2x"/> </picture> </div> </div> <div class="lg-6 md-6 sm-12 bbd-1X-image-text-column align-self--center "> <div class="bbd-1X-image-text-block"> <div class="show-desktop"> <div class="font-updated" style="color: #161616;"> <h2 style="font-size: clamp(1.3125rem, 0.851rem + 0.7212vw, 1.5rem); font-weight: 700; line-height: 1; letter-spacing: -0.2px; margin-bottom: 16px; color: inherit;">Battery</h2> <h2 style="font-size: clamp(3.75rem, 0.6731rem + 4.8077vw, 5rem); font-weight: 700; line-height: 1.1; letter-spacing: -1px; margin-bottom: 48px; color: inherit;">More Music,<br> Less Charging</h2> <div style="font-size: clamp(1.3125rem, 0.2356rem + 1.6827vw, 1.75rem); line-height: 1.4; letter-spacing: -0.2px; color: inherit;"> <p style="color: inherit;">With up to 36 hours of total listening time<sup style="color: inherit;">2</sup> from the sleek, pocket-sized charging case, Beats Studio&nbsp;Buds&nbsp;+ are ready to go whenever you are.</p> <p style="color: inherit;">When battery is low, Fast Fuel gives up to 1 hour of playback with a 5-minute charge.<sup style="color: inherit;">11</sup></p> </div> </div> </div> <div class="show-tablet"><div class="font-updated" style="color: #161616;"> <h2 style="font-size: clamp(1.3125rem, 1.1792rem + 0.5017vw, 1.5rem); font-weight: 700; line-height: 1; letter-spacing: -0.2px; margin-bottom: 16px; color: inherit;">Battery</h2> <h2 style="font-size: clamp(2.8125rem, 2.1462rem + 2.5084vw, 3.75rem); font-weight: 700; line-height: 1.1; ; letter-spacing: -1px; margin-bottom: 16px; color: inherit;">More Music,<br> Less Charging</h2> <div style="font-size: clamp(1.125rem, 0.9917rem + 0.5017vw, 1.3125rem); line-height: 1.4; letter-spacing: -0.2px; color: inherit;"> <p style="color: inherit;">With up to 36 hours of total listening time<sup style="color: inherit;">2</sup> from the sleek, pocket-sized charging case, Beats Studio&nbsp;Buds&nbsp;+ are ready to go whenever you are.</p> <p style="color: inherit;">When battery is low, Fast Fuel gives up to 1 hour of playback with a 5-minute charge.<sup style="color: inherit;">11</sup></p> </div> </div></div> <div class="show-mobile"><div class="font-updated" style="color: #161616; margin-bottom: -40px;"> <h2 style="font-size: clamp(1.125rem, 0.744rem + 1.9048vw, 1.25rem); font-weight: 700; line-height: 1; letter-spacing: -0.2px; margin-bottom: 16px; color: inherit;">Battery</h2> <h2 style="font-size: clamp(2.25rem, 0.7262rem + 7.619vw, 2.75rem); font-weight: 700; line-height: 1.1; ; letter-spacing: -1px; margin-bottom: 16px; color: inherit;">More Music,<br> Less Charging</h2> <div style="font-size: clamp(1rem, 0.2381rem + 3.8095vw, 1.25rem); line-height: 1.4; letter-spacing: -0.2px; color: inherit;"> <p style="color: inherit;">With up to 36 hours of total listening time<sup style="color: inherit;">2</sup> from the sleek, pocket-sized charging case, Beats Studio&nbsp;Buds&nbsp;+ are ready to go whenever you are.</p> <p style="color: inherit;">When battery is low, Fast Fuel gives up to 1 hour of playback with a 5-minute charge.<sup style="color: inherit;">11</sup></p> </div> </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-5468b207-fd46-3399-aab8-83cc7b65e3b9 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-5468b207-fd46-3399-aab8-83cc7b65e3b9, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-5468b207-fd46-3399-aab8-83cc7b65e3b9 { 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-5468b207-fd46-3399-aab8-83cc7b65e3b9 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-5468b207-fd46-3399-aab8-83cc7b65e3b9, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-5468b207-fd46-3399-aab8-83cc7b65e3b9 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-5468b207-fd46-3399-aab8-83cc7b65e3b9:after, .btn-light.btn1-bg-color-5468b207-fd46-3399-aab8-83cc7b65e3b9:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-5468b207-fd46-3399-aab8-83cc7b65e3b9{ color: ; } a.btn-light.btn1-outline-color-5468b207-fd46-3399-aab8-83cc7b65e3b9:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-5468b207-fd46-3399-aab8-83cc7b65e3b9: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-5468b207-fd46-3399-aab8-83cc7b65e3b9:after, .btn-light.btn2-bg-color-5468b207-fd46-3399-aab8-83cc7b65e3b9:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-5468b207-fd46-3399-aab8-83cc7b65e3b9{ color: ; } a.btn-light.btn2-outline-color-5468b207-fd46-3399-aab8-83cc7b65e3b9:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-5468b207-fd46-3399-aab8-83cc7b65e3b9: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-5468b207-fd46-3399-aab8-83cc7b65e3b9{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-5468b207-fd46-3399-aab8-83cc7b65e3b9{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-5468b207-fd46-3399-aab8-83cc7b65e3b9:after, .btn-light.btn1-tablet-bg-color-5468b207-fd46-3399-aab8-83cc7b65e3b9:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-5468b207-fd46-3399-aab8-83cc7b65e3b9{ color: ; } a.btn-light.btn1-tablet-outline-color-5468b207-fd46-3399-aab8-83cc7b65e3b9: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-5468b207-fd46-3399-aab8-83cc7b65e3b9: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-5468b207-fd46-3399-aab8-83cc7b65e3b9:after, .btn-light.btn2-tablet-bg-color-5468b207-fd46-3399-aab8-83cc7b65e3b9:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-5468b207-fd46-3399-aab8-83cc7b65e3b9{ color: ; } a.btn-light.btn2-tablet-outline-color-5468b207-fd46-3399-aab8-83cc7b65e3b9: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-5468b207-fd46-3399-aab8-83cc7b65e3b9: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-5468b207-fd46-3399-aab8-83cc7b65e3b9{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-5468b207-fd46-3399-aab8-83cc7b65e3b9{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-5468b207-fd46-3399-aab8-83cc7b65e3b9:after, .btn-light.btn1-mobile-bg-color-5468b207-fd46-3399-aab8-83cc7b65e3b9:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-5468b207-fd46-3399-aab8-83cc7b65e3b9{ color: ; } a.btn-light.btn1-mobile-outline-color-5468b207-fd46-3399-aab8-83cc7b65e3b9: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-5468b207-fd46-3399-aab8-83cc7b65e3b9: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-5468b207-fd46-3399-aab8-83cc7b65e3b9:after, .btn-light.btn2-mobile-bg-color-5468b207-fd46-3399-aab8-83cc7b65e3b9:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-5468b207-fd46-3399-aab8-83cc7b65e3b9{ color: ; } a.btn-light.btn2-mobile-outline-color-5468b207-fd46-3399-aab8-83cc7b65e3b9:after, a.btn-light.btn2-mobile-outline-color-5468b207-fd46-3399-aab8-83cc7b65e3b9: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-5468b207-fd46-3399-aab8-83cc7b65e3b9: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-5468b207-fd46-3399-aab8-83cc7b65e3b9{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-5468b207-fd46-3399-aab8-83cc7b65e3b9{ color: ; } } </style> </div> </div> </div> </section> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-97136b42-07c6-326a-b3e5-74b77dfd7b53 { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-97136b42-07c6-326a-b3e5-74b77dfd7b53 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-97136b42-07c6-326a-b3e5-74b77dfd7b53 { padding-top: 0px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-97136b42-07c6-326a-b3e5-74b77dfd7b53"></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-539aa4ef-a44a-39f0-8ff3-0aa2c9129468 { background: linear-gradient(0deg, white, white 20%, transparent 20%, transparent), linear-gradient(142.25deg, #2C2C34 -2.42%, #3D3D46 99.5%);; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-539aa4ef-a44a-39f0-8ff3-0aa2c9129468:not(.bg-color-match-enabled) { background: linear-gradient(0deg, white, white 20%, transparent 20%, transparent), linear-gradient(142.25deg, #2C2C34 -2.42%, #3D3D46 99.5%);; } .bbd-full-width-container.id-539aa4ef-a44a-39f0-8ff3-0aa2c9129468 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-539aa4ef-a44a-39f0-8ff3-0aa2c9129468:not(.bg-color-match-enabled) { background: #2C2C34; } .bbd-full-width-container.id-539aa4ef-a44a-39f0-8ff3-0aa2c9129468 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-539aa4ef-a44a-39f0-8ff3-0aa2c9129468:not(.bg-color-match-enabled) { background: #2C2C34; } .bbd-full-width-container.id-539aa4ef-a44a-39f0-8ff3-0aa2c9129468 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-539aa4ef-a44a-39f0-8ff3-0aa2c9129468" data-desktop-bg-color=" linear-gradient(0deg, white, white 20%, transparent 20%, transparent), linear-gradient(142.25deg, #2C2C34 -2.42%, #3D3D46 99.5%);" id="BGContainer-7ed2f5b4-2026-386e-9a0c-c714643c9c1d"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-dc884d8e-56e4-3f34-8aa4-93eac12937a2 { padding-top: 20px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-dc884d8e-56e4-3f34-8aa4-93eac12937a2 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-dc884d8e-56e4-3f34-8aa4-93eac12937a2 { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-dc884d8e-56e4-3f34-8aa4-93eac12937a2"></section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-9c583246-2504-34f2-9d9b-a6b42a7c75ea { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-9c583246-2504-34f2-9d9b-a6b42a7c75ea:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-9c583246-2504-34f2-9d9b-a6b42a7c75ea .outer-container { width: 91.66666%; max-width: 1320px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-9c583246-2504-34f2-9d9b-a6b42a7c75ea:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-9c583246-2504-34f2-9d9b-a6b42a7c75ea .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-9c583246-2504-34f2-9d9b-a6b42a7c75ea:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-9c583246-2504-34f2-9d9b-a6b42a7c75ea .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-9c583246-2504-34f2-9d9b-a6b42a7c75ea" data-desktop-bg-color="transparent" id="BGContainer-27a1c1f9-e1f6-3a9b-9a1d-3dc0cc46f701"> <div class="outer-container"> <div class="content-container"> <div><div class="beatsRTE parbase section"><!-- This components accepts free text from authors and renders --> <section class="bbd-component bbd-rte-container" data-analytics-scroll> <div id="RTE-2bf86eb5-c4c0-3b3e-aadf-2aef36a93263" class="rte-container-b70d9e70-43fe-3bc2-84e4-0f27900cf4fd beatsRTE-desktoptext component-section-spacing beatsRTE"> <div class="font-updated" style="display: grid; grid-template-columns: 1fr 1fr; grid-gap: 4vw; color: #fff; align-items: center;"> <div class="font-updated" style="color: #fff;"> <h2 style="font-size: clamp(1.3125rem, 0.851rem + 0.7212vw, 1.5rem); font-weight: 700; line-height: 1; letter-spacing: -0.2px; margin-bottom: 16px; color: inherit;">Call Quality</h2> <h2 style="font-size: clamp(3.75rem, 0.6731rem + 4.8077vw, 5rem); font-weight: 700; line-height: 1.1; letter-spacing: -1px; margin: 0 0 48px 0; color: inherit;">Crystal Clear Calls</h2> <div style="font-size: clamp(1.3125rem, 0.2356rem + 1.6827vw, 1.75rem); line-height: 1.4; letter-spacing: -0.2px; color: inherit;"> <p style="color: inherit;">3x larger microphones,<sup style="color: #fff;">1</sup> powerful ANC, and a voice-targeting algorithm precisely filter background noise for crisp, clear call performance.</p> </div> </div> <div style="display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; align-items: center;"> <p style="grid-area: 1 / 1 / 4 / 2; font-size: clamp(30rem, 40vw, 40rem); line-height: 1; font-weight: 200; margin: 0; padding: 0; background: -webkit-linear-gradient(-45deg, #ede4db 0%, #C7B29F 35%, #7D5D3A 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: right;">3</p> <p style="grid-area: 1 / 2 / 2 / 3; align-self: end; margin: 0; font-size: clamp(2.375rem, 2vw, 2.5rem); line-height: 1; font-weight: 700;">Larger<br> Microphones</p> <p style="grid-area: 1 / 2 / 4 / 3; font-size: clamp(30rem, 40vw, 40rem); line-height: 1; font-weight: 200; margin: 0; padding: 0; background: -webkit-linear-gradient(-45deg, #C7B29F 0%, #7D5D3A 50%, #17120F 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: left;">x</p> </div> </div> </div> <div id="RTE-2bf86eb5-c4c0-3b3e-aadf-2aef36a93263" class="rte-container-b70d9e70-43fe-3bc2-84e4-0f27900cf4fd beatsRTE-tablettext component-section-spacing beatsRTE"> <div class="font-updated" style="display: grid; grid-template-rows: auto; grid-gap: 4vw; color: #fff; align-items: center;"> <div class="font-updated" style="color: #fff; margin-bottom: -40px;"> <h2 style="font-size: clamp(1.3125rem, 1.1792rem + 0.5017vw, 1.5rem); font-weight: 700; line-height: 1; letter-spacing: -0.2px; margin-bottom: 16px; color: inherit;">Call Quality</h2> <h2 style="font-size: clamp(2.8125rem, 2.1462rem + 2.5084vw, 3.75rem); font-weight: 700; line-height: 1.1; ; letter-spacing: -1px; margin-bottom: 16px; color: inherit;">Crystal Clear Calls</h2> <div style="font-size: clamp(1.125rem, 0.9917rem + 0.5017vw, 1.3125rem); line-height: 1.4; letter-spacing: -0.2px; color: inherit;"> <p style="color: inherit;">3x larger microphones,<sup style="color: #fff;">1</sup> powerful ANC, and a voice-targeting algorithm precisely filter background noise for crisp, clear call performance.</p> </div> </div> <div style="display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; align-items: center;"> <p style="grid-area: 1 / 1 / 4 / 2; font-size: clamp(30rem, 40vw, 40rem); line-height: 1; font-weight: 200; margin: 0; padding: 0; background: -webkit-linear-gradient(-45deg, #ede4db 0%, #C7B29F 35%, #7D5D3A 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: right;">3</p> <p style="grid-area: 1 / 2 / 2 / 3; align-self: end; margin: 0; font-size: clamp(2.375rem, 2vw, 2.5rem); line-height: 1; font-weight: 700;">Larger<br> Microphones</p> <p style="grid-area: 1 / 2 / 4 / 3; font-size: clamp(30rem, 40vw, 40rem); line-height: 1; font-weight: 200; margin: 0; padding: 0; background: -webkit-linear-gradient(-45deg, #C7B29F 0%, #7D5D3A 50%, #17120F 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: left;">x</p> </div> </div> </div> <div id="RTE-2bf86eb5-c4c0-3b3e-aadf-2aef36a93263" class="rte-container-b70d9e70-43fe-3bc2-84e4-0f27900cf4fd beatsRTE-mobiletext component-section-spacing beatsRTE"> <div class="font-updated" style="display: grid; grid-template-rows: auto; grid-gap: 11vw; color: #fff; align-items: center;"> <div class="font-updated" style="color: #fff; margin-bottom: -40px;"> <h2 style="font-size: clamp(1.125rem, 0.744rem + 1.9048vw, 1.25rem); font-weight: 700; line-height: 1; letter-spacing: -0.2px; margin-bottom: 16px; color: inherit;">Call Quality</h2> <h2 style="font-size: clamp(2.25rem, 0.7262rem + 7.619vw, 2.75rem); font-weight: 700; line-height: 1.1; ; letter-spacing: -1px; margin-bottom: 16px; color: inherit;">Crystal Clear Calls</h2> <div style="font-size: clamp(1rem, 0.2381rem + 3.8095vw, 1.25rem); line-height: 1.4; letter-spacing: -0.2px; color: inherit;"> <p style="color: inherit;">3x larger microphones,<sup style="color: #fff;">1</sup> powerful ANC, and a voice-targeting algorithm precisely filter background noise for crisp, clear call performance.</p> </div> </div> <div style="display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; align-items: center;"> <p style="grid-area: 1 / 1 / 4 / 2; font-size: clamp(18rem, 40vw, 20rem); line-height: 1; font-weight: 200; margin: 0; padding: 0; background: -webkit-linear-gradient(-45deg, #ede4db 0%, #C7B29F 35%, #7D5D3A 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: right;">3</p> <p style="grid-area: 1 / 2 / 2 / 3; align-self: end; margin: 0; font-size: clamp(1.25rem, 5vw, 1.5rem); line-height: 1; font-weight: 700;">Larger<br> Microphones</p> <p style="grid-area: 1 / 2 / 4 / 3; font-size: clamp(18rem, 40vw, 20rem); line-height: 1; font-weight: 200; margin: 0; padding: 0; background: -webkit-linear-gradient(-45deg, #C7B29F 0%, #7D5D3A 50%, #17120F 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: left;">x</p> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-4a99452a-a268-3fde-8342-7ccefe9e5467 { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-4a99452a-a268-3fde-8342-7ccefe9e5467 { padding-top: 0px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-4a99452a-a268-3fde-8342-7ccefe9e5467 { padding-top: 0px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-4a99452a-a268-3fde-8342-7ccefe9e5467"></section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-9c1a6315-d60e-367d-bc67-446c341c0f5e { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-9c1a6315-d60e-367d-bc67-446c341c0f5e:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-9c1a6315-d60e-367d-bc67-446c341c0f5e .outer-container { width: 100%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-9c1a6315-d60e-367d-bc67-446c341c0f5e:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-9c1a6315-d60e-367d-bc67-446c341c0f5e .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-9c1a6315-d60e-367d-bc67-446c341c0f5e:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-9c1a6315-d60e-367d-bc67-446c341c0f5e .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-9c1a6315-d60e-367d-bc67-446c341c0f5e" data-desktop-bg-color="transparent" id="BGContainer-7c28ba68-3aea-3f28-9bf8-f20bec2d1766"> <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> <section class="bbd-component transition bbd-img-text-component id-2dc4ec50-d99b-3d79-96d9-c93e10125920 " 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/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p10.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p10.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p10.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/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p10.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p10.jpg.large.2x.jpg 2x" alt="Person wearing Beats Studio Buds + in the color Transparent" 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-707b6abe-8d8c-30c1-bff3-dd490f2a9db4 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4 { 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-707b6abe-8d8c-30c1-bff3-dd490f2a9db4 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4:after, .btn-light.btn1-bg-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4{ color: ; } a.btn-light.btn1-outline-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4: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-707b6abe-8d8c-30c1-bff3-dd490f2a9db4:after, .btn-light.btn2-bg-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4{ color: ; } a.btn-light.btn2-outline-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4: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-707b6abe-8d8c-30c1-bff3-dd490f2a9db4{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-707b6abe-8d8c-30c1-bff3-dd490f2a9db4{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4:after, .btn-light.btn1-tablet-bg-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4{ color: ; } a.btn-light.btn1-tablet-outline-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4: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-707b6abe-8d8c-30c1-bff3-dd490f2a9db4: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-707b6abe-8d8c-30c1-bff3-dd490f2a9db4:after, .btn-light.btn2-tablet-bg-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4{ color: ; } a.btn-light.btn2-tablet-outline-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4: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-707b6abe-8d8c-30c1-bff3-dd490f2a9db4: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-707b6abe-8d8c-30c1-bff3-dd490f2a9db4{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-707b6abe-8d8c-30c1-bff3-dd490f2a9db4{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4:after, .btn-light.btn1-mobile-bg-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4{ color: ; } a.btn-light.btn1-mobile-outline-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4: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-707b6abe-8d8c-30c1-bff3-dd490f2a9db4: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-707b6abe-8d8c-30c1-bff3-dd490f2a9db4:after, .btn-light.btn2-mobile-bg-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4{ color: ; } a.btn-light.btn2-mobile-outline-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4:after, a.btn-light.btn2-mobile-outline-color-707b6abe-8d8c-30c1-bff3-dd490f2a9db4: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-707b6abe-8d8c-30c1-bff3-dd490f2a9db4: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-707b6abe-8d8c-30c1-bff3-dd490f2a9db4{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-707b6abe-8d8c-30c1-bff3-dd490f2a9db4{ 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-7519d46d-cba3-3bee-97b1-364f918194ff { background: linear-gradient(0deg, transparent, transparent 65%, white 65%, white), linear-gradient(0deg, #E0E0DE, #E0E0DE 12%, transparent 12%, transparent), linear-gradient(187.08deg, #627071 6.18%, #6B797A 55.48%, #798687 108.56%);; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-7519d46d-cba3-3bee-97b1-364f918194ff:not(.bg-color-match-enabled) { background: linear-gradient(0deg, transparent, transparent 65%, white 65%, white), linear-gradient(0deg, #E0E0DE, #E0E0DE 12%, transparent 12%, transparent), linear-gradient(187.08deg, #627071 6.18%, #6B797A 55.48%, #798687 108.56%);; } .bbd-full-width-container.id-7519d46d-cba3-3bee-97b1-364f918194ff .outer-container { width: 100%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-7519d46d-cba3-3bee-97b1-364f918194ff:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-7519d46d-cba3-3bee-97b1-364f918194ff .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-7519d46d-cba3-3bee-97b1-364f918194ff:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-7519d46d-cba3-3bee-97b1-364f918194ff .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-7519d46d-cba3-3bee-97b1-364f918194ff" data-desktop-bg-color=" linear-gradient(0deg, transparent, transparent 65%, white 65%, white), linear-gradient(0deg, #E0E0DE, #E0E0DE 12%, transparent 12%, transparent), linear-gradient(187.08deg, #627071 6.18%, #6B797A 55.48%, #798687 108.56%);" id="BGContainer-61ef3375-a2a5-35e0-9a26-444d57c92cb0"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-1be1c095-f54c-3e57-85e7-7aed193f5303 { padding-top: 20px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-1be1c095-f54c-3e57-85e7-7aed193f5303 { padding-top: 0px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-1be1c095-f54c-3e57-85e7-7aed193f5303 { padding-top: 0px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-1be1c095-f54c-3e57-85e7-7aed193f5303"></section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-387a4082-3d65-3cb7-beb8-56c9bfafb6b6 { background: #E0E0DE; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-387a4082-3d65-3cb7-beb8-56c9bfafb6b6:not(.bg-color-match-enabled) { background: #E0E0DE; } .bbd-full-width-container.id-387a4082-3d65-3cb7-beb8-56c9bfafb6b6 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-387a4082-3d65-3cb7-beb8-56c9bfafb6b6:not(.bg-color-match-enabled) { background: #E0E0DE; } .bbd-full-width-container.id-387a4082-3d65-3cb7-beb8-56c9bfafb6b6 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-387a4082-3d65-3cb7-beb8-56c9bfafb6b6:not(.bg-color-match-enabled) { background: #E0E0DE; } .bbd-full-width-container.id-387a4082-3d65-3cb7-beb8-56c9bfafb6b6 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-387a4082-3d65-3cb7-beb8-56c9bfafb6b6" data-desktop-bg-color="#E0E0DE" id="BGContainer-8d70ac26-6227-37eb-af3b-62d490165b6b"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-3f1f742a-f138-3c7d-a43c-7abb420420fd { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-3f1f742a-f138-3c7d-a43c-7abb420420fd { padding-top: 0px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-3f1f742a-f138-3c7d-a43c-7abb420420fd { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-3f1f742a-f138-3c7d-a43c-7abb420420fd"></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-cbb1c8e0-e868-3bb7-a233-d43c1f9315b9 .content-wrapper .transition-content-wrapper .hero-copy { max-width: 40%; } } </style> <section class="bbd-component transition bbd-img-text-component id-cbb1c8e0-e868-3bb7-a233-d43c1f9315b9 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper mobile-column-reverse 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/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p11.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p11.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-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/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p11.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p11.jpg.large.2x.jpg 2x" alt="Macro image of Beats Studio Buds + in Black showing the on-ear controls." role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper overlay-text-block "> <div class="content-column middle-left-wrapper"> <div class="hero-copy middle-left"> <div class="show-desktop"><div class="font-updated" style="color: #161616;"> <h2 style="font-size: clamp(1.3125rem, 0.851rem + 0.7212vw, 1.5rem); font-weight: 700; line-height: 1; letter-spacing: -0.2px; margin-bottom: 16px; color: inherit;">Controls</h2> <h2 style="font-size: clamp(3.75rem, 0.6731rem + 4.8077vw, 5rem); font-weight: 700; line-height: 1.1; letter-spacing: -1px; margin: 0 0 48px 0; color: inherit;">At Your<br> Fingertips</h2> <p style="font-size: clamp(1.3125rem, 0.2356rem + 1.6827vw, 1.75rem); line-height: 1.4; letter-spacing: -0.2px; color: inherit;">Simple, customizable on-ear controls allow you to manage music, toggle listening modes, take calls and activate voice assistant using the ‘b’ button.</p> <div style="margin-top: 50px;"> <picture class="tempClasstoTestParser"> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p11-inline.png.small.2x.png"> <source media="(max-width: 1023px)" srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p11-inline.png.medium.2x.png"> <img src="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p11-inline.png.large.2x.png" width="300" alt="On-device controls: one tap plays and pauses audio and accepts calls, two taps skips songs and ends active calls, three taps repeats songs and a long touch switches listening modes"> </picture> </div> </div></div> <div class="show-tablet"><div class="font-updated" style="color: #161616; max-width: 50%;"> <h2 style="font-size: clamp(1.3125rem, 1.1792rem + 0.5017vw, 1.5rem); font-weight: 700; line-height: 1; letter-spacing: -0.2px; margin-bottom: 16px; color: inherit;">Controls</h2> <h2 style="font-size: clamp(2.8125rem, 2.1462rem + 2.5084vw, 3.75rem); font-weight: 700; line-height: 1.1; ; letter-spacing: -1px; margin-bottom: 16px; color: inherit;">At Your<br> Fingertips</h2> <p style="font-size: clamp(1.125rem, 0.9917rem + 0.5017vw, 1.3125rem); line-height: 1.4; letter-spacing: -0.2px; color: inherit;">Simple, customizable on-ear controls allow you to manage music, toggle listening modes, take calls and activate voice assistant using the ‘b’ button.</p><picture class="tempClasstoTestParser"> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p11-inline.png.small.2x.png"> <source media="(max-width: 1023px)" srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p11-inline.png.medium.2x.png"> <img src="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p11-inline.png.large.2x.png" width="250" alt="On-device controls: one tap plays and pauses audio and accepts calls, two taps skips songs and ends active calls, three taps repeats songs and a long touch switches listening modes"> </picture> </div></div> <div class="show-mobile"><div class="font-updated" style="color: #161616; margin-bottom: -40px;"> <h2 style="font-size: clamp(1.125rem, 0.744rem + 1.9048vw, 1.25rem); font-weight: 700; line-height: 1; letter-spacing: -0.2px; margin-bottom: 16px; color: inherit;">Controls</h2> <h2 style="font-size: clamp(2.25rem, 0.7262rem + 7.619vw, 2.75rem); font-weight: 700; line-height: 1.1; ; letter-spacing: -1px; margin-bottom: 16px; color: inherit;">At Your<br> Fingertips</h2> <p style="font-size: clamp(1rem, 0.2381rem + 3.8095vw, 1.25rem); line-height: 1.4; letter-spacing: -0.2px; color: inherit;">Simple, customizable on-ear controls allow you to manage music, toggle listening modes, take calls and activate voice assistant using the ‘b’ button.</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-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2 { 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-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2:after, .btn-light.btn1-bg-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2{ color: ; } a.btn-light.btn1-outline-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2: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-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2:after, .btn-light.btn2-bg-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2{ color: ; } a.btn-light.btn2-outline-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2: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-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2:after, .btn-light.btn1-tablet-bg-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2{ color: ; } a.btn-light.btn1-tablet-outline-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2: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-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2: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-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2:after, .btn-light.btn2-tablet-bg-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2{ color: ; } a.btn-light.btn2-tablet-outline-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2: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-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2: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-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2:after, .btn-light.btn1-mobile-bg-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2{ color: ; } a.btn-light.btn1-mobile-outline-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2: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-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2: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-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2:after, .btn-light.btn2-mobile-bg-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2{ color: ; } a.btn-light.btn2-mobile-outline-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2:after, a.btn-light.btn2-mobile-outline-color-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2: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-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2: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-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-00f3ac4a-28b2-3b45-ad61-7bf33c88bea2{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-fad38954-c2cf-3721-8ba7-3d7b8f053480 { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-fad38954-c2cf-3721-8ba7-3d7b8f053480 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-fad38954-c2cf-3721-8ba7-3d7b8f053480 { padding-top: 0px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-fad38954-c2cf-3721-8ba7-3d7b8f053480"></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-289035c8-8563-3e3f-9447-7629c89eb522 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-289035c8-8563-3e3f-9447-7629c89eb522:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-289035c8-8563-3e3f-9447-7629c89eb522 .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-289035c8-8563-3e3f-9447-7629c89eb522:not(.bg-color-match-enabled) { background: #627071; } .bbd-full-width-container.id-289035c8-8563-3e3f-9447-7629c89eb522 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-289035c8-8563-3e3f-9447-7629c89eb522:not(.bg-color-match-enabled) { background: #627071; } .bbd-full-width-container.id-289035c8-8563-3e3f-9447-7629c89eb522 .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-289035c8-8563-3e3f-9447-7629c89eb522" data-desktop-bg-color="transparent" id="BGContainer-8f0c5092-6e97-3563-af2d-e7b27e84f07e"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-33391602-3f09-3b43-9be3-e0ab64749c8e { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-33391602-3f09-3b43-9be3-e0ab64749c8e { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-33391602-3f09-3b43-9be3-e0ab64749c8e { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-33391602-3f09-3b43-9be3-e0ab64749c8e"></section> </div> <div class="beatsRTE parbase section"><!-- This components accepts free text from authors and renders --> <section class="bbd-component bbd-rte-container" data-analytics-scroll> <div id="RTE-52f8b3f6-3999-3a32-a537-e4a5e9e578f7" class="rte-container-22786db9-0e5d-3380-9330-a5693b5235a4 beatsRTE-desktoptext component-section-spacing beatsRTE"> <div class="font-updated" style="color: #fff;"> <h2 style="font-size: clamp(1.3125rem, 0.851rem + 0.7212vw, 1.5rem); font-weight: 700; line-height: 1; letter-spacing: -0.2px; margin-bottom: 16px; color: inherit;">Enhanced Apple &amp; Android Compatibility</h2> <div style="display: grid; grid-template-columns: 5fr 6fr; grid-gap: 6vw; color: #fff;"> <h2 style="font-size: clamp(3.75rem, 0.6731rem + 4.8077vw, 5rem); font-weight: 700; line-height: 1.1; letter-spacing: -1px; margin: 0; color: inherit;">Easy to Use,<br> Hard to Lose</h2> <p style="font-size: clamp(1.3125rem, 0.2356rem + 1.6827vw, 1.75rem); line-height: 1.4; color: inherit; letter-spacing: -0.2px;">Beats Studio&nbsp;Buds&nbsp;+ offer a robust set of native Apple and Android features including: one-touch pairing, automatic switching, ‘always on’ voice assistance, and ‘Find My.’<sup>6</sup></p> </div> </div> </div> <div id="RTE-52f8b3f6-3999-3a32-a537-e4a5e9e578f7" class="rte-container-22786db9-0e5d-3380-9330-a5693b5235a4 beatsRTE-tablettext component-section-spacing beatsRTE"> <div class="font-updated" style="display: grid; grid-template-columns: auto; color: #fff;"> <h2 style="font-size: clamp(1.3125rem, 1.1792rem + 0.5017vw, 1.5rem); font-weight: 700; line-height: 1; letter-spacing: -0.2px; color: inherit; margin-bottom: 16px;">Enhanced Apple &amp; Android Compatibility</h2> <h2 style="font-size: clamp(2.8125rem, 2.1462rem + 2.5084vw, 3.75rem); font-weight: 700; line-height: 1.1; letter-spacing: -1px; color: inherit; margin-bottom: 16px;">Easy to Use,<br> Hard to Lose</h2> <p style="font-size: clamp(1.125rem, 0.9917rem + 0.5017vw, 1.3125rem); line-height: 1.4; color: inherit; letter-spacing: -0.2px;">Beats Studio&nbsp;Buds&nbsp;+ offer a robust set of native Apple and Android features including: one-touch pairing, automatic switching, ‘always on’ voice assistance, and ‘Find My.’<sup>6</sup></p> </div> </div> <div id="RTE-52f8b3f6-3999-3a32-a537-e4a5e9e578f7" class="rte-container-22786db9-0e5d-3380-9330-a5693b5235a4 beatsRTE-mobiletext component-section-spacing beatsRTE"> <div class="font-updated" style="display: grid; grid-template-columns: auto; color: #fff;"> <h2 style="font-size: clamp(1.125rem, 0.744rem + 1.9048vw, 1.25rem); font-weight: 700; line-height: 1; letter-spacing: -0.2px; color: inherit; margin-bottom: 16px;">Enhanced Apple &amp; Android Compatibility</h2> <h2 style="font-size: clamp(2.25rem, 0.7262rem + 7.619vw, 2.75rem); font-weight: 700; line-height: 1.1; letter-spacing: -1px; color: inherit; margin-bottom: 16px;">Easy to Use,<br> Hard to Lose</h2> <p style="font-size: clamp(1rem, 0.2381rem + 3.8095vw, 1.25rem); line-height: 1.4; color: inherit; letter-spacing: -0.2px;">Beats Studio&nbsp;Buds&nbsp;+ offer a robust set of native Apple and Android features including: one-touch pairing, automatic switching, ‘always on’ voice assistance, and ‘Find My.’<sup>6</sup></p> </div> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-97f3330b-1f00-3194-935d-54305e1bc49a { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-97f3330b-1f00-3194-935d-54305e1bc49a { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-97f3330b-1f00-3194-935d-54305e1bc49a { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-97f3330b-1f00-3194-935d-54305e1bc49a"></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-8f0c4505-18fb-31ca-a409-026229dbde84 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-8f0c4505-18fb-31ca-a409-026229dbde84:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-8f0c4505-18fb-31ca-a409-026229dbde84 .outer-container { width: 100%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-8f0c4505-18fb-31ca-a409-026229dbde84:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-8f0c4505-18fb-31ca-a409-026229dbde84 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-8f0c4505-18fb-31ca-a409-026229dbde84:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-8f0c4505-18fb-31ca-a409-026229dbde84 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-8f0c4505-18fb-31ca-a409-026229dbde84" data-desktop-bg-color="transparent" id="BGContainer-275516e3-3b05-3777-a32a-f22e48050b6c"> <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> <section class="bbd-component transition bbd-img-text-component id-ae9b05b4-166c-31fa-b7f3-dcdc3358f33f " 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/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p12.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p12.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-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/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p12.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p12.jpg.large.2x.jpg 2x" alt="Beats Studio Buds + case and earbuds in Ivory" 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-db98b497-653b-3310-bffa-edaecaa4eae5 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-db98b497-653b-3310-bffa-edaecaa4eae5, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-db98b497-653b-3310-bffa-edaecaa4eae5 { 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-db98b497-653b-3310-bffa-edaecaa4eae5 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-db98b497-653b-3310-bffa-edaecaa4eae5, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-db98b497-653b-3310-bffa-edaecaa4eae5 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-db98b497-653b-3310-bffa-edaecaa4eae5:after, .btn-light.btn1-bg-color-db98b497-653b-3310-bffa-edaecaa4eae5:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-db98b497-653b-3310-bffa-edaecaa4eae5{ color: ; } a.btn-light.btn1-outline-color-db98b497-653b-3310-bffa-edaecaa4eae5:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-db98b497-653b-3310-bffa-edaecaa4eae5: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-db98b497-653b-3310-bffa-edaecaa4eae5:after, .btn-light.btn2-bg-color-db98b497-653b-3310-bffa-edaecaa4eae5:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-db98b497-653b-3310-bffa-edaecaa4eae5{ color: ; } a.btn-light.btn2-outline-color-db98b497-653b-3310-bffa-edaecaa4eae5:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-db98b497-653b-3310-bffa-edaecaa4eae5: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-db98b497-653b-3310-bffa-edaecaa4eae5{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-db98b497-653b-3310-bffa-edaecaa4eae5{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-db98b497-653b-3310-bffa-edaecaa4eae5:after, .btn-light.btn1-tablet-bg-color-db98b497-653b-3310-bffa-edaecaa4eae5:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-db98b497-653b-3310-bffa-edaecaa4eae5{ color: ; } a.btn-light.btn1-tablet-outline-color-db98b497-653b-3310-bffa-edaecaa4eae5: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-db98b497-653b-3310-bffa-edaecaa4eae5: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-db98b497-653b-3310-bffa-edaecaa4eae5:after, .btn-light.btn2-tablet-bg-color-db98b497-653b-3310-bffa-edaecaa4eae5:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-db98b497-653b-3310-bffa-edaecaa4eae5{ color: ; } a.btn-light.btn2-tablet-outline-color-db98b497-653b-3310-bffa-edaecaa4eae5: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-db98b497-653b-3310-bffa-edaecaa4eae5: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-db98b497-653b-3310-bffa-edaecaa4eae5{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-db98b497-653b-3310-bffa-edaecaa4eae5{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-db98b497-653b-3310-bffa-edaecaa4eae5:after, .btn-light.btn1-mobile-bg-color-db98b497-653b-3310-bffa-edaecaa4eae5:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-db98b497-653b-3310-bffa-edaecaa4eae5{ color: ; } a.btn-light.btn1-mobile-outline-color-db98b497-653b-3310-bffa-edaecaa4eae5: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-db98b497-653b-3310-bffa-edaecaa4eae5: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-db98b497-653b-3310-bffa-edaecaa4eae5:after, .btn-light.btn2-mobile-bg-color-db98b497-653b-3310-bffa-edaecaa4eae5:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-db98b497-653b-3310-bffa-edaecaa4eae5{ color: ; } a.btn-light.btn2-mobile-outline-color-db98b497-653b-3310-bffa-edaecaa4eae5:after, a.btn-light.btn2-mobile-outline-color-db98b497-653b-3310-bffa-edaecaa4eae5: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-db98b497-653b-3310-bffa-edaecaa4eae5: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-db98b497-653b-3310-bffa-edaecaa4eae5{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-db98b497-653b-3310-bffa-edaecaa4eae5{ 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-5f96b1ef-ecf5-33bc-8bb6-575ad6a6f9b1 { background: #E0E0DE; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-5f96b1ef-ecf5-33bc-8bb6-575ad6a6f9b1:not(.bg-color-match-enabled) { background: #E0E0DE; } .bbd-full-width-container.id-5f96b1ef-ecf5-33bc-8bb6-575ad6a6f9b1 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-5f96b1ef-ecf5-33bc-8bb6-575ad6a6f9b1:not(.bg-color-match-enabled) { background: #E0E0DE; } .bbd-full-width-container.id-5f96b1ef-ecf5-33bc-8bb6-575ad6a6f9b1 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-5f96b1ef-ecf5-33bc-8bb6-575ad6a6f9b1:not(.bg-color-match-enabled) { background: #E0E0DE; } .bbd-full-width-container.id-5f96b1ef-ecf5-33bc-8bb6-575ad6a6f9b1 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-5f96b1ef-ecf5-33bc-8bb6-575ad6a6f9b1" data-desktop-bg-color="#E0E0DE" id="BGContainer-2add3f74-cb55-3d26-94d8-dde16321d45f"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-1c784cf7-31a2-3350-b1b2-05b726c23ca2 { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-1c784cf7-31a2-3350-b1b2-05b726c23ca2 { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-1c784cf7-31a2-3350-b1b2-05b726c23ca2 { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-1c784cf7-31a2-3350-b1b2-05b726c23ca2"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-img-text-component.id-f8c8b4a2-1232-3b14-bf00-8bfe812d8f97 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-text-column { width: 45%; max-width: 45%; } .bbd-img-text-component.id-f8c8b4a2-1232-3b14-bf00-8bfe812d8f97 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-picture-block { flex: 1; } .bbd-img-text-component.id-f8c8b4a2-1232-3b14-bf00-8bfe812d8f97 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-text-column { padding: 0; } .bbd-img-text-component.id-f8c8b4a2-1232-3b14-bf00-8bfe812d8f97 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-picture-block { } } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for 1X Config */ .bbd-img-text-component.id-f8c8b4a2-1232-3b14-bf00-8bfe812d8f97 .bbd-1X-image .content-column .bbd-1X-image-text-column { width: 45%; max-width: 45%; } .bbd-img-text-component.id-f8c8b4a2-1232-3b14-bf00-8bfe812d8f97 .content-wrapper section.bbd-1X-image .content-column .bbd-1X-image-text-block { width: 100%; max-width: 100%; } .bbd-img-text-component.id-f8c8b4a2-1232-3b14-bf00-8bfe812d8f97 .bbd-1X-image .content-column .bbd-1X-image-picture-block { flex: 1; } } </style> <section class="bbd-component bbd-img-text-component id-f8c8b4a2-1232-3b14-bf00-8bfe812d8f97" data-analytics-scroll> <div class="content-wrapper mobile-column-reverse desktop-side-by-side-config-1x tablet-side-by-side-config-1x"> <section class="bbd-1X-image " data-bbd-anim-target="true"> <div class="content-column"> <div class="lg-6 md-6 sm-12 bbd-1X-image-text-column align-self--center "> <div class="bbd-1X-image-text-block"> <div class="show-desktop"> <div class="font-updated" style="color: #161616; font-size: clamp(1.3125rem, 0.2356rem + 1.6827vw, 1.75rem);"> <h2 style="color: inherit; font-size: clamp(3.75rem, 0.6731rem + 4.8077vw, 5rem); line-height: 1.1; letter-spacing: -1px; font-weight: 700;">In the Box</h2> <ul style="line-height: 1.4; letter-spacing: -0.2px; color: #161616; list-style-position: outside; margin-left: 5%;"> <li style="color: #161616;">Beats Studio&nbsp;Buds&nbsp;+</li> <li style="color: #161616;">Pocketable charging case</li> <li style="color: #161616;">Ear tips with four size options</li> <li style="color: #161616;">USB-C to USB-C charging cable</li> <li style="color: #161616;">Warranty card</li> </ul> <p style="color: inherit; line-height: 1.4;">(USB-C power adapter sold separately)</p> </div> </div> <div class="show-tablet"><div class="font-updated" style="color: #161616; font-size: clamp(1.125rem, 0.9917rem + 0.5017vw, 1.3125rem);"> <h2 style="color: inherit; font-size: clamp(2.8125rem, 2.1462rem + 2.5084vw, 3.75rem); line-height: 1.1; letter-spacing: -1px; font-weight: 700;">In the Box</h2> <ul style="line-height: 1.4; letter-spacing: -0.2px; color: #161616; list-style-position: outside; margin-left: 5%;"> <li style="color: #161616;">Beats Studio&nbsp;Buds&nbsp;+</li> <li style="color: #161616;">Pocketable charging case</li> <li style="color: #161616;">Ear tips with four size options</li> <li style="color: #161616;">USB-C to USB-C charging cable</li> <li style="color: #161616;">Warranty card</li> </ul> <p style="color: inherit; line-height: 1.4;">(USB-C power adapter sold separately)</p> </div></div> <div class="show-mobile"><div class="font-updated" style="color: #161616; margin-bottom: -40px; font-size: clamp(1rem, 0.2381rem + 3.8095vw, 1.25rem);"> <h2 style="color: inherit; font-size: clamp(2.25rem, 0.7262rem + 7.619vw, 2.75rem); line-height: 1.1; letter-spacing: -1px; font-weight: 700;">In the Box</h2> <ul style="line-height: 1.4; letter-spacing: -0.2px; color: #161616; list-style-position: outside; margin-left: 5%;"> <li style="color: #161616;">Beats Studio&nbsp;Buds&nbsp;+</li> <li style="color: #161616;">Pocketable charging case</li> <li style="color: #161616;">Ear tips with four size options</li> <li style="color: #161616;">USB-C to USB-C charging cable</li> <li style="color: #161616;">Warranty card</li> </ul> <p style="color: inherit; line-height: 1.4;">(USB-C power adapter sold separately)</p> </div></div> </div> </div> <div class="lg-6 md-6 sm-12 bbd-1X-image-picture-block "> <div class="pyt-target"> <picture class="beats-picture "> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p13.png.large.2x.png 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p13.png.medium.2x.png 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p13.png.small.2x.png 2x"/> <img data-resp-exclude class="bbd-media-image " data-lazy="" data-src="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p13.png.large.2x.png" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p13.png.large.2x.png 2x" alt="Beats Studio Buds + case, earbuds, ear-tips, and cord in Transparent."/> </picture> </div> </div> </div> </section> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-2d887a21-dd16-3439-8462-13a2f3885a7f { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-2d887a21-dd16-3439-8462-13a2f3885a7f { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-2d887a21-dd16-3439-8462-13a2f3885a7f { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-2d887a21-dd16-3439-8462-13a2f3885a7f"></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-d0f54d6f-8d96-323a-987c-a78a4c15444a { background: #FAFAFA; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-d0f54d6f-8d96-323a-987c-a78a4c15444a:not(.bg-color-match-enabled) { background: #FAFAFA; } .bbd-full-width-container.id-d0f54d6f-8d96-323a-987c-a78a4c15444a .outer-container { width: 91.66666%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-d0f54d6f-8d96-323a-987c-a78a4c15444a:not(.bg-color-match-enabled) { background: #FAFAFA; } .bbd-full-width-container.id-d0f54d6f-8d96-323a-987c-a78a4c15444a .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-d0f54d6f-8d96-323a-987c-a78a4c15444a:not(.bg-color-match-enabled) { background: #FAFAFA; } .bbd-full-width-container.id-d0f54d6f-8d96-323a-987c-a78a4c15444a .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-d0f54d6f-8d96-323a-987c-a78a4c15444a" data-desktop-bg-color="#FAFAFA" id="BGContainer-b8a393f8-44bd-3753-9fa9-43bb74bd86db"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-a18a6019-bf56-3a32-8acf-dc9114e1aaad { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-a18a6019-bf56-3a32-8acf-dc9114e1aaad { padding-top: 60px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-a18a6019-bf56-3a32-8acf-dc9114e1aaad { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-a18a6019-bf56-3a32-8acf-dc9114e1aaad"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-img-text-component.id-e2305149-e516-3b8a-9721-18768c11edab .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-text-column { width: 50%; max-width: 50%; } .bbd-img-text-component.id-e2305149-e516-3b8a-9721-18768c11edab .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-picture-block { flex: 1; } } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ /* style for 1X Config */ .bbd-img-text-component.id-e2305149-e516-3b8a-9721-18768c11edab .bbd-1X-image .content-column .bbd-1X-image-text-column { width: 50%; max-width: 50%; } .bbd-img-text-component.id-e2305149-e516-3b8a-9721-18768c11edab .content-wrapper section.bbd-1X-image .content-column .bbd-1X-image-text-block { width: 100%; max-width: 100%; } .bbd-img-text-component.id-e2305149-e516-3b8a-9721-18768c11edab .bbd-1X-image .content-column .bbd-1X-image-picture-block { flex: 1; } } </style> <section class="bbd-component bbd-1X-flip bbd-img-text-component id-e2305149-e516-3b8a-9721-18768c11edab" data-analytics-scroll> <div class="content-wrapper mobile-column-reverse desktop-side-by-side-config-1x tablet-column-reverse"> <section class="bbd-1X-image bbd-1X-flip " data-bbd-anim-target="true"> <div class="content-column"> <div class="lg-6 md-12 sm-12 bbd-1X-image-picture-block "> <div class="pyt-target"> <picture class="beats-picture "> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p14.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p14.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p14.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image " data-lazy="" data-src="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p14.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/studiobudsplus-pdp-p14.jpg.large.2x.jpg 2x" alt="Person enjoying 3 months of free Apple Music"/> </picture> </div> </div> <div class="lg-6 md-12 sm-12 bbd-1X-image-text-column align-self--center "> <div class="bbd-1X-image-text-block"> <div class="show-desktop"> <div class="font-updated" style="color: #161616; padding-left: 2vw;"> <div style="margin-bottom: 50px;"> <picture class="tempClasstoTestParser"> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/apple-music-logo.png.small.2x.png"> <source media="(max-width: 1023px)" srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/apple-music-logo.png.medium.2x.png"> <img src="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/apple-music-logo.png.large.2x.png" width="124"> </picture> </div> <h2 style="color: inherit; font-size: clamp(3.75rem, 0.6731rem + 4.8077vw, 5rem); font-weight: 700; line-height: 1.1; letter-spacing: -1px; margin: 0 0 48px 0;">3 Months of Free Music For Your Beats*</h2> <div style="font-size: clamp(1.3125rem, 0.2356rem + 1.6827vw, 1.75rem); line-height: 1.4; letter-spacing: -0.2px; color: inherit;"> <p style="color: inherit;">Beats headphones and Apple Music were made for each other.</p> <p style="color: inherit;">Redeem your 3-month offer to start listening to over 100 million songs, ad-free. And enjoy a truly immersive experience with spatial audio featuring Dolby Atmos.<sup style="color: #161616;">3</sup></p> </div> </div> </div> <div class="show-tablet"><div class="font-updated" style="color: #161616; text-align: center; margin-bottom: -40px;"> <div style="margin-bottom: 50px;"> <picture class="tempClasstoTestParser"> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/apple-music-logo.png.small.2x.png"> <source media="(max-width: 1023px)" srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/apple-music-logo.png.medium.2x.png"> <img src="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/apple-music-logo.png.large.2x.png" width="124" style="margin: 0 auto;"> </picture> </div> <h2 style="color: inherit; font-size: clamp(2.8125rem, 2.1462rem + 2.5084vw, 3.75rem); font-weight: 700; line-height: 1.1; letter-spacing: -1px; margin: 0 0 48px 0;">3 Months of Free Music For Your Beats*</h2> <div style="font-size: clamp(1.125rem, 0.9917rem + 0.5017vw, 1.3125rem); line-height: 1.4; letter-spacing: -0.2px; color: inherit;"> <p style="color: inherit;">Beats headphones and Apple Music were made for each other.</p> <p style="color: inherit;">Redeem your 3-month offer to start listening to over 100 million songs, ad-free. And enjoy a truly immersive experience with spatial audio featuring Dolby Atmos.<sup style="color: #161616;">3</sup></p> </div> </div></div> <div class="show-mobile"><div class="font-updated" style="color: #161616; text-align: center; margin-bottom: -40px;"> <div style="margin-bottom: 20px;"> <picture class="tempClasstoTestParser"> <source media="(max-width: 767px)" srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/apple-music-logo.png.small.2x.png"> <source media="(max-width: 1023px)" srcset="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/apple-music-logo.png.medium.2x.png"> <img src="/content/dam/beats/web/product/earbuds/studio-buds-plus/pdp/apple-music-logo.png.large.2x.png" width="124" style="margin: 0 auto;"> </picture> </div> <h2 style="color: inherit; font-size: clamp(2.8125rem, 2.1462rem + 2.5084vw, 3.75rem); font-weight: 700; line-height: 1.1; letter-spacing: -1px;">3 Months of Free Music For Your Beats*</h2> <div style="font-size: clamp(1rem, 0.2381rem + 3.8095vw, 1.25rem); line-height: 1.4; letter-spacing: -0.2px; color: inherit;"> <p style="color: inherit;">Beats headphones and Apple Music were made for each other.</p> <p style="color: inherit;">Redeem your 3-month offer to start listening to over 100 million songs, ad-free. And enjoy a truly immersive experience with spatial audio featuring Dolby Atmos.<sup style="color: #161616;">3</sup></p> </div> </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-cfddc66e-78a6-3f98-a349-b6c5c16da4d5 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5 { 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-cfddc66e-78a6-3f98-a349-b6c5c16da4d5 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5:after, .btn-light.btn1-bg-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5{ color: ; } a.btn-light.btn1-outline-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5: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-cfddc66e-78a6-3f98-a349-b6c5c16da4d5:after, .btn-light.btn2-bg-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5{ color: ; } a.btn-light.btn2-outline-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5: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-cfddc66e-78a6-3f98-a349-b6c5c16da4d5{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-cfddc66e-78a6-3f98-a349-b6c5c16da4d5{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5:after, .btn-light.btn1-tablet-bg-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5{ color: ; } a.btn-light.btn1-tablet-outline-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5: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-cfddc66e-78a6-3f98-a349-b6c5c16da4d5: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-cfddc66e-78a6-3f98-a349-b6c5c16da4d5:after, .btn-light.btn2-tablet-bg-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5{ color: ; } a.btn-light.btn2-tablet-outline-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5: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-cfddc66e-78a6-3f98-a349-b6c5c16da4d5: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-cfddc66e-78a6-3f98-a349-b6c5c16da4d5{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-cfddc66e-78a6-3f98-a349-b6c5c16da4d5{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5:after, .btn-light.btn1-mobile-bg-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5{ color: ; } a.btn-light.btn1-mobile-outline-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5: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-cfddc66e-78a6-3f98-a349-b6c5c16da4d5: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-cfddc66e-78a6-3f98-a349-b6c5c16da4d5:after, .btn-light.btn2-mobile-bg-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5{ color: ; } a.btn-light.btn2-mobile-outline-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5:after, a.btn-light.btn2-mobile-outline-color-cfddc66e-78a6-3f98-a349-b6c5c16da4d5: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-cfddc66e-78a6-3f98-a349-b6c5c16da4d5: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-cfddc66e-78a6-3f98-a349-b6c5c16da4d5{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-cfddc66e-78a6-3f98-a349-b6c5c16da4d5{ color: ; } } </style> </div> </div> </div> </section> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-f4a92413-6766-38b5-85cc-26c3e1321c9e { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-f4a92413-6766-38b5-85cc-26c3e1321c9e { padding-top: 80px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-f4a92413-6766-38b5-85cc-26c3e1321c9e { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-f4a92413-6766-38b5-85cc-26c3e1321c9e"></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-7d1a1817-4466-395d-bd4d-1c1346f3d093 { background: #FFFFFF; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-7d1a1817-4466-395d-bd4d-1c1346f3d093:not(.bg-color-match-enabled) { background: #FFFFFF; } .bbd-full-width-container.id-7d1a1817-4466-395d-bd4d-1c1346f3d093 .outer-container { width: 83%; max-width: 1320px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-7d1a1817-4466-395d-bd4d-1c1346f3d093:not(.bg-color-match-enabled) { background: #FFFFFF; } .bbd-full-width-container.id-7d1a1817-4466-395d-bd4d-1c1346f3d093 .outer-container { width: 83%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-7d1a1817-4466-395d-bd4d-1c1346f3d093:not(.bg-color-match-enabled) { background: #FFFFFF; } .bbd-full-width-container.id-7d1a1817-4466-395d-bd4d-1c1346f3d093 .outer-container { width: 82%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-7d1a1817-4466-395d-bd4d-1c1346f3d093" data-desktop-bg-color="#FFFFFF" id="BGContainer-f617e2f6-438f-327d-94c0-d52127f9217f"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-30705aa8-e1bf-38b0-826b-757c347d3cae { padding-top: 115px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-30705aa8-e1bf-38b0-826b-757c347d3cae { padding-top: 80px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-30705aa8-e1bf-38b0-826b-757c347d3cae { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-30705aa8-e1bf-38b0-826b-757c347d3cae"></section> </div> <div class="beatsRTE parbase section"><!-- This components accepts free text from authors and renders --> <section class="bbd-component bbd-rte-container" data-analytics-scroll> <div id="RTE-8391ffe3-3e3d-306f-b0f9-4f5dbd6efb55" class="rte-container-6cb3638a-2e9f-386c-ba05-efd69a5241d5 component-section-spacing beatsRTE"> <div class="font-updated footnote pdp-sml-body" style="color: #999999; text-align: left;"> <p id="footnote-**"><span style="margin-right: 5px;"><span class="visuallyhidden">footnote</span>**</span>Product may vary in color, details, and dimensions from 3D rendering. View on a device running the latest hardware and software for best results.</p> <p id="footnote-1"><sup style="margin-right: 5px;">1</sup>As compared to Beats Studio Buds (1st generation).</p> <p id="footnote-2"><sup style="margin-right: 5px;">2</sup>Testing conducted by Apple in March 2023 using preproduction Beats Studio Buds + and Charging Case units and software paired with iPhone 13 Pro and prerelease software. The playlist consisted of 358 unique audio tracks purchased from the iTunes Store (256-Kbps AAC encoding). Volume was set to 50% and Active Noise Cancellation and Transparency were turned off. Testing consisted of full Beats Studio Buds + battery discharge while playing audio until the first Beats Studio Buds + stopped playback. Battery life depends on device settings, environment, usage, and many other factors.</p> <p id="footnote-3"><sup style="margin-right: 5px;">3</sup>Compatible hardware and software required. Works with compatible content in supported apps. Not all content available in Dolby Atmos.</p> <p id="footnote-4"><sup style="margin-right: 5px;">4</sup>Beats Studio&nbsp;Buds&nbsp;+ are sweat and water resistant for non-water sports and exercise. Beats Studio&nbsp;Buds&nbsp;+ were tested under controlled laboratory conditions, and have a rating of IPX4 under IEC standard 60529. Sweat and water resistance are not permanent conditions and resistance might decrease as a result of normal wear. Do not attempt to charge wet Beats Studio&nbsp;Buds&nbsp;+; refer to <a href="https://support.apple.com/en-ca/HT209542" target="_blank" style="text-decoration: underline;">Apple Support</a> for cleaning and drying instructions. The charging case is not sweat or water resistant.</p> <p id="footnote-5"><sup style="margin-right: 5px;">5</sup>One-touch pairing requires iOS 16.4 or later.</p> <p id="footnote-6"><sup style="margin-right: 5px;">6</sup>Requires an iCloud account and a compatible Apple device running the latest operating system software or a compatible Android device running Android 8.0 or later, with Google Play Services enabled.</p> <p id="footnote-7"><sup style="margin-right: 5px;">7</sup>Fast Pair requires location enabled. Full access to features requires an Android 6.0 or newer device with Google Play Service enabled and Google Account.</p> <p id="footnote-8"><sup style="margin-right: 5px;">8</sup>Compatible with Android phones and tablets (Android 8+ with Google Play Services)</p> <p id="footnote-9"><sup style="margin-right: 5px;">9</sup>Find My Device requires an Android device running Android 8.0 or later. User must be signed into an active Gmail account and have Google Play Services enabled.</p> <p id="footnote-10"><sup style="margin-right: 5px;">10</sup>Testing conducted by Apple in March 2023 using preproduction Beats Studio Buds + and Charging Case units and software paired with iPhone 13 Pro units and pre-release software. The playlist consisted of 358 unique audio tracks purchased from the iTunes Store (256-Kbps AAC encoding). Volume was set to 50% and Active Noise Cancellation was turned on. Testing consisted of full Beats Studio Buds + battery discharge while playing audio until the first Beats Studio Buds + stopped playback. Battery life depends on device settings, environment, usage, and many other factors.</p> <p id="footnote-11"><sup style="margin-right: 5px;">11</sup>Testing conducted by Apple in March 2023 using preproduction Beats Studio&nbsp;Buds&nbsp;+ and Charging Case units and software paired with iPhone 13/iPhone 14 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% and Active Noise Cancellation and Transparency were turned off. 5-minute charge testing conducted with drained Beats Studio&nbsp;Buds&nbsp;+ that were charged for 5 minutes, then audio playback was started until the first Beats Studio&nbsp;Buds&nbsp;+ stopped playback. Listening time depends on device settings, environment, usage and many other factors.</p> <p id="footnote-12"><sup style="margin-right: 5px;">12</sup>Breakdown of U.S. retail packaging by weight. Adhesives, inks, and coatings are excluded from our calculations of plastic content and packaging weight.</p> <p id="footnote-13"><sup style="margin-right: 5px;">*</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" style="text-decoration: underline;">other terms</a> apply.</p> </div> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-81b70ded-8ca6-3d48-ac87-66ba28a37bb6 { padding-top: 20px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-81b70ded-8ca6-3d48-ac87-66ba28a37bb6 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-81b70ded-8ca6-3d48-ac87-66ba28a37bb6 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-81b70ded-8ca6-3d48-ac87-66ba28a37bb6"></section> </div> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> </div> <!-- Ratings & Reviews--> </div> </div> </div> <!-- SDI include (path: /content/beatswebsite/ca/en_CA/experience-fragments/Email/inline-email-signup/_jcr_content.content.nocache.html, resourceType: cq/experience-fragments/components/xfpage) --> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-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="earbuds" data-analytics-link-type="siteClick" href="/ca/products/earbuds">Earbuds</a> <i class="fa fa-chevron-right notranslate" aria-hidden="true"></i></li> <li class='breadcrumbs-item'><span class="body-small">Beats Studio Buds +</span></li> </ol> </nav> <!-- This is a column control component which can be used for dividing a div into no.of columns --> <div class="layout-grid-sm-1 layout-grid-lg-4"> <div class=" "> <div class="linksList parbase section"> <div data-analytics-module="footer" data-analytics-region="footer-products"> <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 &amp; 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"> <!-- Added analytics attr --> <li> <a data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="Footer|Country Region Selector" href="/country-region-selector.modal" id="countrySelector" class="location-selector modal__trigger" data-link="true" role="button" data-countryselectionurl="/country-region-selector.modal"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_506_933)"> <path d="M12 22.5C12.7828 22.5 13.8937 21.825 14.9016 19.8141C15.3656 18.8859 15.7547 17.7656 16.0312 16.5H7.96875C8.24531 17.7656 8.63438 18.8859 9.09844 19.8141C10.1063 21.825 11.2172 22.5 12 22.5ZM7.70156 15H16.2984C16.4297 14.0531 16.5 13.0453 16.5 12C16.5 10.9547 16.4297 9.94687 16.2984 9H7.70156C7.57031 9.94687 7.5 10.9547 7.5 12C7.5 13.0453 7.57031 14.0531 7.70156 15ZM7.96875 7.5H16.0312C15.7547 6.23438 15.3656 5.11406 14.9016 4.18594C13.8937 2.175 12.7828 1.5 12 1.5C11.2172 1.5 10.1063 2.175 9.09844 4.18594C8.63438 5.11406 8.24531 6.23438 7.96875 7.5ZM17.8125 9C17.9344 9.96094 18 10.9641 18 12C18 13.0359 17.9344 14.0391 17.8125 15H22.0687C22.35 14.0484 22.5047 13.0406 22.5047 12C22.5047 10.9594 22.3547 9.95156 22.0687 9H17.8125ZM21.4922 7.5C20.2781 4.94531 18.0656 2.95781 15.3563 2.04844C16.3406 3.375 17.1187 5.27344 17.5687 7.5H21.4969H21.4922ZM6.44062 7.5C6.89062 5.26875 7.66875 3.375 8.65313 2.04844C5.93906 2.95781 3.72187 4.94531 2.5125 7.5H6.43594H6.44062ZM1.94063 9C1.65938 9.95156 1.50469 10.9594 1.50469 12C1.50469 13.0406 1.65469 14.0484 1.94063 15H6.1875C6.06563 14.0391 6 13.0359 6 12C6 10.9641 6.06563 9.96094 6.1875 9H1.93594H1.94063ZM15.3516 21.9516C18.0609 21.0375 20.2734 19.0547 21.4875 16.5H17.5641C17.1141 18.7313 16.3359 20.625 15.3516 21.9516ZM8.64844 21.9516C7.66406 20.625 6.89062 18.7266 6.43594 16.5H2.5125C3.72656 19.0547 5.93906 21.0422 8.64844 21.9516ZM12 24C8.8174 24 5.76516 22.7357 3.51472 20.4853C1.26428 18.2348 0 15.1826 0 12C0 8.8174 1.26428 5.76516 3.51472 3.51472C5.76516 1.26428 8.8174 0 12 0C15.1826 0 18.2348 1.26428 20.4853 3.51472C22.7357 5.76516 24 8.8174 24 12C24 15.1826 22.7357 18.2348 20.4853 20.4853C18.2348 22.7357 15.1826 24 12 24Z" fill="#161616"/> </g> <defs> <clipPath id="clip0_506_933"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <span class="footer__country__selected">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/earbuds/studio-buds-plus-wireless-noise-cancelling' var pageTrackData = '{\x22content\x22:{\x22pageName\x22:\x22beatsbydre|en|earbuds|studio\u002Dbuds\u002Dplus\u002Dwireless\u002Dnoise\u002Dcancelling\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 = 'Beats Studio Buds + | True Wireless Earbuds, Noise Cancelling'; var localeCountryKey = locale; if(locale == 'en'){ if(countryCode != 'ww-global'){ localeCountryKey = localeCountryKey+'_'+countryCode.toUpperCase(); } else { localeCountryKey = localeCountryKey+'_US'; } } nameValuePairs = JSON.parse(nameValuePairs); pageTrackData = JSON.parse(pageTrackData); </script> <script src="/etc.clientlibs/beats/clientlibs/site/libExternal.min.js"></script> <script src="/etc.clientlibs/beats/clientlibs/site/base.min.js"></script> <script src="/etc.clientlibs/beats/clientlibs/site/pdpPage.min.js"></script> <script src="/etc.clientlibs/beats/clientlibs/site/featurePage.min.js"></script> <!--<script type="text/javascript">_satellite.pageBottom();</script>--> </body> </html>

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