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

<!doctype html> <meta charset="utf-8"/> <html class=" " lang="en-HK"> <head> <meta name="viewport" content="width=device-width, initial-scale=1"/> <title>Beats by Dre - Wireless Headphones, Earbuds, Speakers, and more</title> <link rel="icon" href="/assets/resources/images/beats_logo.png"/> <link rel="apple-touch-icon" href="/assets/resources/images/beats_logo.png"/> <meta name="google-site-verification" content="mHFbKuknAMAodbNS_O9wxS4TJxU8ezn6yKmxE5-iTqo"/> <meta name="theme-color" content="#ffffff"/>  <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/hk"/> <meta property="og:image" content="/content/dam/beats/web/seo/beats_seo_card_1200x630-3.jpg"/> <meta property="og:title" content="Beats by Dre"/> <meta property="og:description" content="Beats by Dre brings you the best in bluetooth headphones, earbuds and speakers. Explore the latest products that bring style, comfort, and iconic sound."/> <meta property="og:locale" content="en"/> <meta property="og:site_name" content="beatsbydre.com"/> <meta property="twitter:card" content="summary_large_image"/> <meta name="twitter:site" content="@beatsbydre"/> <meta name="twitter:image" content="https://www.beatsbydre.com/content/dam/beats/web/seo/beats_seo_card_1200x630-3.jpg"/> <meta name="robots" content="follow,index"/> <meta name="description" content="Beats by Dre brings you the best in bluetooth headphones, earbuds and speakers. Explore the latest products that bring style, comfort, and iconic sound."/> <meta name="analytics:s-pagetype" content="product"/> <meta name="keywords" content="Bluetooth headphones, Bluetooth wireless headphones, Bluetooth earphones, Wireless earphones, In-ear headphones, In-ear Bluetooth headphones, Totally wireless earphones, Bluetooth speakers, Bluetooth wireless speakers, Portable speakers, Totally wireless earbuds, Bluetooth earbuds, Bluetooth wireless earbuds, wireless earbuds"/> <meta name="referrer" content="no-referrer-when-downgrade"/> <link rel="canonical" href="https://www.beatsbydre.com/hk"/> <link rel="alternate" href="https://www.beatsbydre.com/in" hreflang="en-IN"/> <link rel="alternate" href="https://www.beatsbydre.com/ca-fr" hreflang="fr-CA"/> <link rel="alternate" href="https://www.beatsbydre.com/ru" hreflang="ru-RU"/> <link rel="alternate" href="https://www.beatsbydre.com/de" hreflang="de-DE"/> <link rel="alternate" href="https://www.beatsbydre.com/mx" hreflang="es-MX"/> <link rel="alternate" href="https://www.beatsbydre.com/es" hreflang="es-ES"/> <link rel="alternate" href="https://www.beatsbydre.com/tw" hreflang="zh-TW"/> <link rel="alternate" href="https://www.beatsbydre.com/be-nl" hreflang="nl-BE"/> <link rel="alternate" href="https://www.beatsbydre.com/be-fr" hreflang="fr-BE"/> <link rel="alternate" href="https://www.beatsbydre.com/se" hreflang="sv-SE"/> <link rel="alternate" href="https://www.beatsbydre.com.cn/" hreflang="zh-CN"/> <link rel="alternate" href="https://www.beatsbydre.com/sg" hreflang="en-SG"/> <link rel="alternate" href="https://www.beatsbydre.com/uk" hreflang="en-GB"/> <link rel="alternate" href="https://www.beatsbydre.com/ie" hreflang="en-IE"/> <link rel="alternate" href="https://www.beatsbydre.com/br" hreflang="pt-BR"/> <link rel="alternate" href="https://www.beatsbydre.com/" hreflang="en-US"/> <link rel="alternate" href="https://www.beatsbydre.com/jp" hreflang="ja-JP"/> <link rel="alternate" href="https://www.beatsbydre.com/hk" hreflang="en-HK"/> <link rel="alternate" href="https://www.beatsbydre.com/au" hreflang="en-AU"/> <link rel="alternate" href="https://www.beatsbydre.com/ch-de" hreflang="de-CH"/> <link rel="alternate" href="https://www.beatsbydre.com/nl" hreflang="nl-NL"/> <link rel="alternate" href="https://www.beatsbydre.com/fr" hreflang="fr-FR"/> <link rel="alternate" href="https://www.beatsbydre.com/at" hreflang="de-AT"/> <link rel="alternate" href="https://www.beatsbydre.com/kr" hreflang="ko-KR"/> <link rel="alternate" href="https://www.beatsbydre.com/ca" hreflang="en-CA"/> <link rel="alternate" href="https://www.beatsbydre.com/hk-zh" hreflang="zh-HK"/> <link rel="alternate" href="https://www.beatsbydre.com/ch-fr" hreflang="fr-CH"/> <link rel="alternate" href="https://www.beatsbydre.com/it" hreflang="it-IT"/> <script type="application/ld+json"> { "@context": "http://schema.org", "@id": "https://www.beatsbydre.com/#organization", "@type": "Organization", "name": "Beats by Dre", "url": "https://www.beatsbydre.com/", "logo": "https://www.beatsbydre.com/content/dam/beats/global/logo.svg", "contactPoint": [ { "@type": "ContactPoint", "telephone": "+1-800-442-4000", "contactType": "customer service", "areaServed": [ "US" ] } ], "sameAs": [ "http://www.wikidata.org/entity/Q1961036", "https://www.youtube.com/user/Officialbeatsbydrdre", "https://twitter.com/beatsbydre", "https://www.facebook.com/beatsbydre/", "https://www.linkedin.com/company/beats-by-dr.-dre", "https://www.instagram.com/beatsbydre/" ] } </script> <link rel="preload" href="https://use.typekit.net/af/7d4af5/0000000000000000000178a8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3" as="font" type="font/woff" crossorigin/> <link rel="preload" href="https://use.typekit.net/af/cde90e/0000000000000000000178a6/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3" as="font" type="font/woff" crossorigin/> <link rel="preload" href="https://use.typekit.net/af/d7bb7b/0000000000000000000178a7/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3" as="font" type="font/woff" crossorigin/> <link rel="stylesheet" href="/etc.clientlibs/beats/clientlibs/site/base.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/beats_support/clientlibs/base.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/beats/clientlibs/site/pdpPage.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/beats/clientlibs/site/featurePage.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/beats/clientlibs/overwrites/global.min.css" type="text/css"> <script> window.adobeDataLayer = window.adobeDataLayer || [] ; </script>  <script> (function(g,b,d,f){(function(a,c,d){if(a){var e=b.createElement("style");e.id=c;e .innerHTML=d;a.appendChild(e)}})(b.getElementsByTagName("head")[0],"at-body-style",d) ;setTimeout(function(){var a=b.getElementsByTagName("head")[0];if(a){var c=b.getElementById("at-body-style");c&&a.removeChild(c)}},f)})(window,document,"body {opacity: 0 !important}",3E3); </script> <script> window.digitalData= {"pageInfo":{"pageName":"beatsbydre:en:home"}}; </script> <script src="/etc.clientlibs/beats/clientlibs/analytics-prod/resources/2f3b56537a5a/a62218abd162/launch-30681266d3ea.js" async></script> <noscript> <style type="text/css"> [data-skrollex] { opacity:1 !important; } .invisible { visibility: visible !important; } </style> </noscript> </head> <body class="no-js styles-loaded"> <div id="main"> <div class="pdp-header-section"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="navigationV2"> <section class="main-header" data-analytics-module="primary-nav" data-analytics-region="global-navigation"> <div class="main-header__container"> <header class="main-header__content"> <nav role="navigation" aria-label="navigation" class="main-nav"> <button aria-haspopup="true" aria-expanded="false" aria-controls="mobile-nav" aria-label="menu" class="hamburger hide-md hide-lg-up " data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="Hamburger Menu - Close"> <span class="hamburger__top"></span> <span class="hamburger__middle"></span> <span class="hamburger__bottom"></span> </button> <ul id="mobile-nav" role="list" aria-label="Global" class="main-nav__mobile"> <li role="presentation" class="main-nav__item main-nav__item--link"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Shop (Mobile)" class="nav-link" href="/hk/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="/hk/support">Support</a> </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="/hk"> <img data-resp-exclude src="/content/dam/beats/global/logos/beats-logo-161616.png" aria-hidden="true" alt="Beats Logo"/> </a> </div> <ul role="presentation" class="main-nav__list"> <li role="presentation" class="main-nav__item hide-sm"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Shop (Desktop)" class="nav-link" href="/hk/products">Shop</a> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Support (Desktop)" class="nav-link" href="/hk/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 - 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/hk/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/hk/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/hk/shop/shipping-pickup" target="_blank" data-analytics-click="true" data-analytics-link-type="cta" data-analytics-label="delivery-fast-free" data-aria-label-prefix="Fast and free delivery - Learn More">Fast and free delivery<i class="fa fa-external-link" style="vertical-align: middle;margin-left: 0.33em;"></i></a></p> </p> </div> </div> </div> </div> </section> </div> </div> <div class="ghost"> </div> </div> </div> <div id="maincontent" role="main"> <div class="bs3" style="overflow: visible;"> <div id="bs3-pdp"> <div><div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-ac77ec3b-68df-3836-9479-aa4ec13c57d6 { background: linear-gradient(to bottom, #161616 70%, #F0F0F0 0%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-ac77ec3b-68df-3836-9479-aa4ec13c57d6:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #161616 70%, #F0F0F0 0%); } .bbd-full-width-container.id-ac77ec3b-68df-3836-9479-aa4ec13c57d6 .outer-container { width: 100%; max-width: 1920px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-ac77ec3b-68df-3836-9479-aa4ec13c57d6:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #161616 70%, #F0F0F0 0%); } .bbd-full-width-container.id-ac77ec3b-68df-3836-9479-aa4ec13c57d6 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-ac77ec3b-68df-3836-9479-aa4ec13c57d6:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #161616 70%, #F0F0F0 0%); } .bbd-full-width-container.id-ac77ec3b-68df-3836-9479-aa4ec13c57d6 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-ac77ec3b-68df-3836-9479-aa4ec13c57d6" data-desktop-bg-color="linear-gradient(to bottom, #161616 70%, #F0F0F0 0%)"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-e5d7a83e-aba5-3b1e-b151-a47c19d0cdf3 { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-e5d7a83e-aba5-3b1e-b151-a47c19d0cdf3 { padding-top: 20px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-e5d7a83e-aba5-3b1e-b151-a47c19d0cdf3 { padding-top: 0px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-e5d7a83e-aba5-3b1e-b151-a47c19d0cdf3"></section> </div> <div class="imageTextV2Container parsys section"> <div class=" " data-analytics-module="top_hero_background" data-analytics-region="beatsxkim-beatspill"> <div id="id-dc3c96b4-3e10-3691-9f37-1b7665d8e26f" class="media-text"> <div class="media-text__inner media-text--overlay-lg media-text--overlay-md media-text--overlay-sm "> <div class="imageAndText2X"> <style type="text/css"> @media screen and (max-width: 767px) { .media-text__item#id-05bfc7da-284c-3f5d-ab8d-9f5224f8e6b4 .media-text__item__content{ padding: ; max-width: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .media-text__item#id-05bfc7da-284c-3f5d-ab8d-9f5224f8e6b4 .media-text__item__content { padding: ; max-width: ; } } @media screen and (min-width: 1024px) { .media-text__item#id-05bfc7da-284c-3f5d-ab8d-9f5224f8e6b4 .media-text__item__content { padding: ; max-width: ; } } .media-text .media-text__item--visual#id-05bfc7da-284c-3f5d-ab8d-9f5224f8e6b4 picture:before { display: block; background: ; } </style> <div id="id-05bfc7da-284c-3f5d-ab8d-9f5224f8e6b4" class="media-text__item media-text__item--visual media-text--light media-text__item--visual--fill v-align-lg-top h-align-lg-left v-align-md-top h-align-md-left v-align-sm-top h-align-sm-left"> <div class="media-text__item__content "> <picture class="beats-picture "> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/home/2024/10/hphero-kimkpill.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/home/2024/10/hphero-kimkpill.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/home/2024/10/hphero-kimkpill.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image " data-lazy="" data-src="/content/dam/beats/web/home/2024/10/hphero-kimkpill.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/home/2024/10/hphero-kimkpill.jpg.large.2x.jpg 2x" alt="Kim Kardashian holding Beats Pill in Light gray and Dark Gray." data-analytics-click="true" data-analytics-link-type="siteClick" data-analytics-label="background-img-beatsxkim" data-link="/hk/speakers/beats-pill?sku=MAX24"/> </picture> </div> </div> </div> <div class="imageAndText2X"> <style type="text/css"> @media screen and (max-width: 767px) { .media-text__item#id-d24ca046-0202-34b2-b4e9-785ca3398368 .media-text__item__content{ padding: 0 40px 57px 30px; max-width: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .media-text__item#id-d24ca046-0202-34b2-b4e9-785ca3398368 .media-text__item__content { padding: 0 0 0 50px; max-width: ; } } @media screen and (min-width: 1024px) { .media-text__item#id-d24ca046-0202-34b2-b4e9-785ca3398368 .media-text__item__content { padding: 0 0 0 50px; max-width: 80%; } } </style> <div id="id-d24ca046-0202-34b2-b4e9-785ca3398368" class="media-text__item media-text--dark v-align-lg-middle h-align-lg-left v-align-md-middle h-align-md-left v-align-sm-bottom h-align-sm-left"> <div class="media-text__item__content "> <div> <div class="show-desktop"> <div style="margin-bottom: 5%;"><p style="margin: 0 0 10px; font-size: 0;"><span class="title-2" style="text-transform: uppercase;">New Color</span></p> <img src="/content/dam/beats/web/home/2024/08/kimkbeats-logo.png" style="max-width: 540px; margin-bottom: 17px;"><h2 style="margin: 0; font-size: 0;"><span class="headline-4">Special Edition Beats Pill</span></h2> </div> </div> <div class="show-tablet"><div style="margin-bottom: 3%;"><p style="margin: 0; font-size: 0;"><span class="title-2" style="text-transform: uppercase;">New Color</span></p> <img src="/content/dam/beats/web/home/2024/08/kimkbeats-logo.png" style="max-width: 325px; margin-bottom: 14px;"><h2 style="margin: 0; font-size: 0;"><span class="headline-4">Special Edition Beats Pill</span></h2> </div> </div> <div class="show-mobile"><div><p style="margin: 0;"><span class="title-2" style="text-transform: uppercase;">New Color</span></p> <img src="/content/dam/beats/web/home/2024/08/kimkbeats-logo.png" style="margin-bottom: 12px;"><h2 style="margin: 0; font-size: 0;"><span class="headline-4">Special Edition Beats Pill</span></h2> </div> </div> <style> /*Button 1 */ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d { color: #FFFFFF !important; } } .beats-btn-mask.btn1-bg-hover-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d, button.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d { background-color: #C8102E !important; } /*Button 2*/ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d{ color: !important; } } .beats-btn-mask.btn2-bg-hover-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d, button.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d { background-color: !important; } a.btn-light.btn1-outline-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d:after, button.btn-light.btn1-outline-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d:after, a.btn-light.btn1-outline-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d:hover:after, button.btn-light.btn1-outline-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } a.btn-light.btn2-outline-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d:after, button.btn-light.btn2-outline-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d:after, a.btn-light.btn2-outline-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d:hover:after, button.btn-light.btn2-outline-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } @media (hover:hover){ .btn-light.btn1-bg-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d:hover{ background-color: #C8102E !important; } .btn-light.btn2-bg-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d:hover{ background-color: !important; } } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-text-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d, button.btn-light .beats-btn-inner.btn1-text-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d{ color: #161616; } a.btn-light.btn1-outline-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d, button.btn-light.btn1-outline-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d{ border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-bg-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d, button.btn-light .beats-btn-inner.btn2-text-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d{ color: ; } a.btn-light.btn2-outline-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d, button.btn-light.btn2-outline-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d{ border: 2px solid transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-0991140a-274d-3eee-9112-c8d5fb8c5b5d{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-0991140a-274d-3eee-9112-c8d5fb8c5b5d{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d, button.btn-light .beats-btn-inner.btn1-tablet-text-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d{ color: #161616; } a.btn-light.btn1-tablet-outline-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d, button.btn-light.btn1-tablet-outline-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d { border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d{ background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d, button.btn-light .beats-btn-inner.btn2-tablet-text-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d { color: ; } a.btn-light.btn2-tablet-outline-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d, button.btn-light.btn2-tablet-outline-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d { border: 2px solid transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-0991140a-274d-3eee-9112-c8d5fb8c5b5d{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-0991140a-274d-3eee-9112-c8d5fb8c5b5d{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d, button.btn-light .beats-btn-inner.btn1-mobile-text-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d{ color: #161616; } a.btn-light.btn1-mobile-outline-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d, button.btn-light.btn1-mobile-outline-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d { border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d{ background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d, button.btn-light .beats-btn-inner.btn2-mobile-text-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d{ color: ; } a.btn-light.btn2-mobile-outline-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d, button.btn-light.btn2-mobile-outline-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d { border: 2px solid transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-0991140a-274d-3eee-9112-c8d5fb8c5b5d{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-0991140a-274d-3eee-9112-c8d5fb8c5b5d{ color: ; } } </style> <div class="bbd-component beats-cta-container beats-cta-container--align-left" data-analytics-module="top_hero_cta" data-analytics-region="beatsxkim-beatspill"> <div class="button-container "> <div class="beats-button"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="shop_cta" href="/hk/speakers/beats-pill?sku=MAX24" id="0991140a-274d-3eee-9112-c8d5fb8c5b5d" data-id="0991140a-274d-3eee-9112-c8d5fb8c5b5d" aria-label="Shop special edition Beats Pill collaboration with Kim Kardashian." class="beats-btn btn-light beats-btn--button beats-btn--authored btn1-bg-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d btn1-outline-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d btn1-tablet-bg-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d btn1-tablet-outline-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d btn1-mobile-bg-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d btn1-mobile-outline-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d " target="_self"> <span class="beats-btn-inner btn1-text-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d btn1-tablet-text-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d btn1-mobile-text-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d btn1-text-hover-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d btn1-tablet-text-hover-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d btn1-mobile-text-hover-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d">Shop</span> <span class="beats-btn-mask btn1-bg-hover-color-0991140a-274d-3eee-9112-c8d5fb8c5b5d"></span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style type="text/css"> </style> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-b39afd58-d1f8-3de0-8297-52e82d05b4d1 { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-b39afd58-d1f8-3de0-8297-52e82d05b4d1 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-b39afd58-d1f8-3de0-8297-52e82d05b4d1 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-b39afd58-d1f8-3de0-8297-52e82d05b4d1"></section> </div> </div> </div> </div> </section> </div> <div class="ghost section"> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-89edb3f4-14a8-320e-ba2f-c427ed602a7e { background: #F0F0F0; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-89edb3f4-14a8-320e-ba2f-c427ed602a7e:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-89edb3f4-14a8-320e-ba2f-c427ed602a7e .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-89edb3f4-14a8-320e-ba2f-c427ed602a7e:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-89edb3f4-14a8-320e-ba2f-c427ed602a7e .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-89edb3f4-14a8-320e-ba2f-c427ed602a7e:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-89edb3f4-14a8-320e-ba2f-c427ed602a7e .outer-container { width: 84%; max-width: 315px; } } </style> <section class="bbd-component bbd-full-width-container id-89edb3f4-14a8-320e-ba2f-c427ed602a7e" data-desktop-bg-color="#F0F0F0"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-4f76feb3-a85f-3e1d-8c02-76238dd43676 { padding-top: 72px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-4f76feb3-a85f-3e1d-8c02-76238dd43676 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-4f76feb3-a85f-3e1d-8c02-76238dd43676 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-4f76feb3-a85f-3e1d-8c02-76238dd43676"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-scroll> <div class="rte-container-2ffcc92a-a88e-3802-bf6c-ec95bae8cb5b beatsRTE-desktoptext component-section-spacing beatsRTE"> <div class="font-updated" style="text-align: center; color: #161616; letter-spacing: -1px;"> <h2 style="color: inherit; text-align: center; font-size: clamp(1.75rem, 5vw, 2.125rem); font-weight: 700; letter-spacing: -1px; margin: 0; padding: 0;">Popular Now</h2> </div> </div> <div class="rte-container-2ffcc92a-a88e-3802-bf6c-ec95bae8cb5b beatsRTE-tablettext component-section-spacing beatsRTE"> <div class="font-updated" style="text-align: center; color: #161616; letter-spacing: -1px;"> <h2 style="color: inherit; text-align: center; font-size: clamp(1.5rem, 8vw, 1.813rem); font-weight: 700; letter-spacing: -1px; margin: 0; padding: 0;">Popular Now</h2> </div> </div> <div class="rte-container-2ffcc92a-a88e-3802-bf6c-ec95bae8cb5b beatsRTE-mobiletext component-section-spacing beatsRTE"> <div class="font-updated" style="text-align: center; color: #161616; letter-spacing: -1px;"> <h2 style="color: inherit; text-align: center; font-size: clamp(1.313rem, 11vw, 1.563rem); font-weight: 700; letter-spacing: -1px; margin: 0; padding: 0;">Popular Now</h2> </div> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-fca14a0a-fe72-3587-9c99-083611d3a53d { padding-top: 48px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-fca14a0a-fe72-3587-9c99-083611d3a53d { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-fca14a0a-fe72-3587-9c99-083611d3a53d { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-fca14a0a-fe72-3587-9c99-083611d3a53d"></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-5223501f-e6ab-321e-9c56-77b60673d550 { background: #F0F0F0; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-5223501f-e6ab-321e-9c56-77b60673d550:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-5223501f-e6ab-321e-9c56-77b60673d550 .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-5223501f-e6ab-321e-9c56-77b60673d550:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-5223501f-e6ab-321e-9c56-77b60673d550 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-5223501f-e6ab-321e-9c56-77b60673d550:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-5223501f-e6ab-321e-9c56-77b60673d550 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-5223501f-e6ab-321e-9c56-77b60673d550" data-desktop-bg-color="#F0F0F0"> <div class="outer-container"> <div class="content-container"> <div><div class="cardCarousel section"> <style> .row-carousel.row-carousel-28aecca1-8f72-3110-830c-391fd85f0ae5 { } @media screen and (max-width: 767px) { .row-carousel.row-carousel-28aecca1-8f72-3110-830c-391fd85f0ae5 ul.dots .dot.active { } .row-carousel.row-carousel-28aecca1-8f72-3110-830c-391fd85f0ae5 ul.dots .dot:not(.active) { } } </style> <div class="row-carousel row-carousel-28aecca1-8f72-3110-830c-391fd85f0ae5" data-analytics-module="card_carousel" data-analytics-region="product_card_carousel" data-analytics-scroll=""> <div class="row-carousel__inner"> <button type="button" class="row-carousel__prev" aria-label="Previous Item"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <path d="M0.377647059,29.9998589 C0.377647059,30.8615295 0.68784706,31.6197883 1.34272236,32.2747059 L28.6749883,58.9865295 C29.2609412,59.6069295 30.0192001,59.9171366 30.9153177,59.9171366 C32.7076236,59.9171366 34.0862824,58.5729248 34.0862824,56.7806472 C34.0862824,55.8845083 33.707153,55.1262333 33.1556471,54.5402959 L8.06378825,29.9998589 L33.1556471,5.4594353 C33.707153,4.87348236 34.0862824,4.08070589 34.0862824,3.2190353 C34.0862824,1.4268 32.7076236,0.0825882354 30.9153177,0.0825882354 C30.0192001,0.0825882354 29.2609412,0.392752942 28.6749883,0.978705884 L1.34272236,27.7250118 C0.68784706,28.3454118 0.377647059,29.1381883 0.377647059,29.9998589 Z" transform="translate(14.706 2)"></path> </svg> </button> <div class="row-carousel__content"> <ul> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="/hk/headphones/solo4-wireless/MUW43/solo4-slateblue" data-analytics-click="" data-analytics-link-type="siteClick" target="_self" data-analytics-item="Beats Solo 4" aria-label="Shop Beats Solo 4" class="card card-5052999e-e3e0-311d-b4bd-32f1cff4b836 card--large card--large-5052999e-e3e0-311d-b4bd-32f1cff4b836 card--light "> <style> .card--custom-5052999e-e3e0-311d-b4bd-32f1cff4b836{ width: 410px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div class="font-updated" style="line-height: 1.2; min-height: 4rem; padding-bottom: 25px;"> <div class="pc-eyebrow" style="min-height: 1rem; color: #e31837; font-size: 1rem; font-weight: 700; line-height: 1; text-transform: uppercase; letter-spacing: -0.4px;"> </div> <div class="font-updated"> <div style="max-width: 390px; display: inline-block;"> <p style="color: #161616; font-size: clamp(1.75rem, 5vw, 2.125rem); font-weight: 700; line-height: 1.16; letter-spacing: -1px; word-break: keep-all; z-index: 1; margin: 0;">Beats Solo 4</p> </div> <p class="pdp-med-body rte-plg-el"><span class="pc-originalprice" style="font-weight: 700; color: #161616; font-size: clamp(1rem, 5vw, 1.375rem); line-height: 1.14; letter-spacing: -0.4px;" data-onsale="not-onsale">HK$1,599</span></p> </div> </div></span> </p> </div> <img src="/content/dam/beats/web/product/headphones/solo4-wireless/plp/plp-solo4-slateblue.jpg" alt="Beats Solo 4 headphones"/> <div class="card__content-bottom"> <p style="margin-bottom: 0;"><div style="display: grid; justify-content: center; align-items: center; padding-top: 40px; grid-template-columns: repeat(3, 30px);"> <span style="background-color: #000000; border-radius: 20px; width: 21px; display: inline-block; height: 21px; margin: 0 auto;"> </span> <span style="background-color: #6c8bab; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;"> </span> <span style="background-color: #f2e7ee; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;"> </span> </div></p> </div> </a> </div> </div> </li> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="/hk/headphones/studio-pro-wireless/MQTP3/black" data-analytics-click="" data-analytics-link-type="siteClick" target="_self" data-analytics-item="Beats Studio Pro" aria-label="Shop Beats Studio Pro" class="card card-8d0c6c86-8238-3c3a-bed6-2bd58433626e card--large card--large-8d0c6c86-8238-3c3a-bed6-2bd58433626e card--light "> <style> .card--custom-8d0c6c86-8238-3c3a-bed6-2bd58433626e{ width: 410px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div class="font-updated" style="line-height: 1.2; min-height: 4rem; padding-bottom: 25px;"> <div class="pc-eyebrow" style="min-height: 1rem; color: #e31837; font-size: 1rem; font-weight: 700; line-height: 1; text-transform: uppercase; letter-spacing: -0.4px;"> </div> <div class="font-updated"> <div style="max-width: 390px; display: inline-block;"> <p style="color: #161616; font-size: clamp(1.75rem, 5vw, 2.125rem); font-weight: 700; line-height: 1.16; letter-spacing: -1px; word-break: keep-all; z-index: 1; margin: 0;">Beats Studio Pro</p> </div> <p class="pdp-med-body rte-plg-el"><span class="pc-originalprice" style="font-weight: 700; color: #161616; font-size: clamp(1rem, 5vw, 1.375rem); line-height: 1.14; letter-spacing: -0.4px;" data-onsale="not-onsale">HK$2,799</span></p> </div> </div></span> </p> </div> <img src="/content/dam/beats/web/product/headphones/studiopro-wireless/plp/plp-studiopro-black.jpg" alt="Beats Studio Pro headphones"/> <div class="card__content-bottom"> <p style="margin-bottom: 0;"><div style="display: grid; justify-content: center; align-items: center; padding-top: 40px; grid-template-columns: repeat(4, 30px);"> <span style="background-color: #2b2b2b; border-radius: 20px; width: 21px; display: inline-block; height: 21px; margin: 0 auto;"> </span> <span style="background-color: #382925; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;"> </span> <span style="background-color: #26263D; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;"> </span> <span style="background-color: #D8CFC8; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;"> </span> </div></p> </div> </a> </div> </div> </li> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="/hk/speakers/beats-pill/MW463/beatspill-gold" data-analytics-click="" data-analytics-link-type="siteClick" target="_self" data-analytics-item="Beats Pill" aria-label="Shop Beats Pill" class="card card-8f81929e-7e4c-3534-8316-7dac9a75d082 card--large card--large-8f81929e-7e4c-3534-8316-7dac9a75d082 card--light "> <style> .card--custom-8f81929e-7e4c-3534-8316-7dac9a75d082{ width: 410px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div class="font-updated" style="line-height: 1.2; min-height: 4rem; padding-bottom: 25px;"> <div class="pc-eyebrow" style="min-height: 1rem; color: #e31837; font-size: 1rem; font-weight: 700; line-height: 1; text-transform: uppercase; letter-spacing: -0.4px;"> </div> <div class="font-updated"> <div style="max-width: 390px; display: inline-block;"> <p style="color: #161616; font-size: clamp(1.75rem, 5vw, 2.125rem); font-weight: 700; line-height: 1.16; letter-spacing: -1px; word-break: keep-all; z-index: 1; margin: 0;">Beats Pill</p> </div> <p class="pdp-med-body rte-plg-el"><span class="pc-originalprice" style="font-weight: 700; color: #161616; font-size: clamp(1rem, 5vw, 1.375rem); line-height: 1.14; letter-spacing: -0.4px;" data-onsale="not-onsale">HK$1,099</span></p> </div> </div></span> </p> </div> <img src="/content/dam/beats/web/product/speakers/beats-pill/pdp/product-carousel/gold/gold-01-beatspill.jpg" alt="Beats Pill speaker"/> <div class="card__content-bottom"> <p style="margin-bottom: 0;"><div style="display: grid; justify-content: center; align-items: center; padding-top: 40px; grid-template-columns: repeat(5, 30px);"> <span style="background-color: #d0c5c2; border-radius: 20px; width: 21px; display: inline-block; height: 21px; margin: 0 auto;"> </span> <span style="background-color: #000000; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;"> </span> <span style="background-color: #b91f26; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;"> </span><span style="background-color: #999999; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;"> </span><span style="background-color: #D1CBC4; border-radius: 20px; width: 21px; height: 21px; margin: 0 auto;"> </span> </div></p> </div> </a> </div> </div> </li> </ul> </div> <button type="button" class="row-carousel__next" aria-label="Next Item"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <path d="M34.0862824,29.9998589 C34.0862824,29.1381883 33.7416001,28.3454118 33.086753,27.7250118 L5.78894119,0.978705884 C5.16854119,0.392752942 4.41028236,0.0825882354 3.51409412,0.0825882354 C1.75630589,0.0825882354 0.377647059,1.4268 0.377647059,3.2190353 C0.377647059,4.08070589 0.722329413,4.87348236 1.27376471,5.4594353 L26.3656942,29.9998589 L1.27376471,54.5402959 C0.722329413,55.1262333 0.377647059,55.8845083 0.377647059,56.7806472 C0.377647059,58.5729248 1.75630589,59.9171366 3.51409412,59.9171366 C4.41028236,59.9171366 5.16854119,59.6069295 5.78894119,58.9865295 L33.086753,32.2747059 C33.7416001,31.6197883 34.0862824,30.8615295 34.0862824,29.9998589 Z" transform="translate(14.706 2)"></path> </svg> </button> </div> </div></div> <div class="ghost section"> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-6f61172c-66a1-314d-8f16-e23c2c3f1925 { padding-top: 72px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-6f61172c-66a1-314d-8f16-e23c2c3f1925 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-6f61172c-66a1-314d-8f16-e23c2c3f1925 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-6f61172c-66a1-314d-8f16-e23c2c3f1925"></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-c99cccd4-703e-3250-9052-b839b9f25ffc { background: linear-gradient(to bottom, #F0F0F0 50%, transparent 0%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-c99cccd4-703e-3250-9052-b839b9f25ffc:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #F0F0F0 50%, transparent 0%); } .bbd-full-width-container.id-c99cccd4-703e-3250-9052-b839b9f25ffc .outer-container { width: 100%; max-width: 1920px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-c99cccd4-703e-3250-9052-b839b9f25ffc:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, #F0F0F0 50%, transparent 0%); } .bbd-full-width-container.id-c99cccd4-703e-3250-9052-b839b9f25ffc .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-c99cccd4-703e-3250-9052-b839b9f25ffc:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-c99cccd4-703e-3250-9052-b839b9f25ffc .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-c99cccd4-703e-3250-9052-b839b9f25ffc" data-desktop-bg-color="linear-gradient(to bottom, #F0F0F0 50%, transparent 0%)"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-544c287a-5389-3511-a391-22f12c4534cf { padding-top: px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-544c287a-5389-3511-a391-22f12c4534cf { padding-top: px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-544c287a-5389-3511-a391-22f12c4534cf { padding-top: px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-544c287a-5389-3511-a391-22f12c4534cf"></section> </div> <div class="imageTextV2Container parsys section"> <div class=" " data-analytics-module="middle_hero" data-analytics-region="Studio-pro_hero"> <div id="id-ab4652e2-75a2-3dce-a64e-ff008cf71905" class="media-text"> <div class="media-text__inner media-text--overlay-lg media-text--overlay-md media-text--overlay-sm "> <div class="imageAndText2X"> <style type="text/css"> @media screen and (max-width: 767px) { .media-text__item#id-7c446b0a-bcd1-3df9-a7e4-65b655e4d2f8 .media-text__item__content{ padding: ; max-width: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .media-text__item#id-7c446b0a-bcd1-3df9-a7e4-65b655e4d2f8 .media-text__item__content { padding: ; max-width: ; } } @media screen and (min-width: 1024px) { .media-text__item#id-7c446b0a-bcd1-3df9-a7e4-65b655e4d2f8 .media-text__item__content { padding: ; max-width: ; } } .media-text .media-text__item--visual#id-7c446b0a-bcd1-3df9-a7e4-65b655e4d2f8 picture:before { display: block; background: ; } </style> <div id="id-7c446b0a-bcd1-3df9-a7e4-65b655e4d2f8" class="media-text__item media-text__item--visual media-text--light media-text__item--visual--fill v-align-lg-top h-align-lg-left v-align-md-top h-align-md-left v-align-sm-top h-align-sm-left"> <div class="media-text__item__content "> <picture class="beats-picture "> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/home/2024/10/2ndhero-lebron.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/home/2024/10/2ndhero-lebron.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/home/2024/10/2ndhero-lebron.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image " data-lazy="" data-src="/content/dam/beats/web/home/2024/10/2ndhero-lebron.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/home/2024/10/2ndhero-lebron.jpg.large.2x.jpg 2x" alt="Lebron James wearing Studio Pro in Sandstone." data-analytics-click="true" data-analytics-link-type="siteClick" data-analytics-label="Lebron-James_image" data-link="/hk/headphones/studio-pro-wireless?sku=MQTR3"/> </picture> </div> </div> </div> <div class="imageAndText2X"> <style type="text/css"> @media screen and (max-width: 767px) { .media-text__item#id-db7a6d7f-201f-372c-bc1c-d8cd08d573b1 .media-text__item__content{ padding: ; max-width: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .media-text__item#id-db7a6d7f-201f-372c-bc1c-d8cd08d573b1 .media-text__item__content { padding: 0 0 0 50px; max-width: ; } } @media screen and (min-width: 1024px) { .media-text__item#id-db7a6d7f-201f-372c-bc1c-d8cd08d573b1 .media-text__item__content { padding: 0 0 0 60px; max-width: 80%; } } </style> <div id="id-db7a6d7f-201f-372c-bc1c-d8cd08d573b1" class="media-text__item media-text--light v-align-lg-middle h-align-lg-left v-align-md-middle h-align-md-left v-align-sm-bottom h-align-sm-left"> <div class="media-text__item__content "> <div> <div class="show-desktop"> <div style="margin-bottom: 5%;"><h2 style="margin: 0; font-size: 0;"><span class="headline-1">Beats Studio Pro</span></h2> <h1 style="margin: 0; font-size: 0;"><span class="headline-4">Iconic Sound</span></h1> </div> </div> <div class="show-tablet"><div style="margin-bottom: 3%;"><h2 style="margin: 0; font-size: 0;"><span class="headline-1">Beats Studio Pro</span></h2> <h2 style="margin: 0; font-size: 0;"><span class="headline-3">Iconic Sound</span></h2> </div> </div> <div class="show-mobile"><div style="margin: -15px 0 0 0;"><h2 style="margin: 0; font-size: 0;"><span class="headline-1">Beats Studio Pro</span></h2> <p style="margin: 0; font-size: 0;"><span class="headline-3">Iconic Sound</span></p> </div> </div> <style> /*Button 1 */ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-a6a93f12-755e-37a0-b90a-b50c9acac0df { color: #FFFFFF !important; } } .beats-btn-mask.btn1-bg-hover-color-a6a93f12-755e-37a0-b90a-b50c9acac0df, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-a6a93f12-755e-37a0-b90a-b50c9acac0df, button.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-a6a93f12-755e-37a0-b90a-b50c9acac0df { background-color: #C8102E !important; } /*Button 2*/ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-a6a93f12-755e-37a0-b90a-b50c9acac0df{ color: !important; } } .beats-btn-mask.btn2-bg-hover-color-a6a93f12-755e-37a0-b90a-b50c9acac0df, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-a6a93f12-755e-37a0-b90a-b50c9acac0df, button.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-a6a93f12-755e-37a0-b90a-b50c9acac0df { background-color: !important; } a.btn-light.btn1-outline-color-a6a93f12-755e-37a0-b90a-b50c9acac0df:after, button.btn-light.btn1-outline-color-a6a93f12-755e-37a0-b90a-b50c9acac0df:after, a.btn-light.btn1-outline-color-a6a93f12-755e-37a0-b90a-b50c9acac0df:hover:after, button.btn-light.btn1-outline-color-a6a93f12-755e-37a0-b90a-b50c9acac0df:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } a.btn-light.btn2-outline-color-a6a93f12-755e-37a0-b90a-b50c9acac0df:after, button.btn-light.btn2-outline-color-a6a93f12-755e-37a0-b90a-b50c9acac0df:after, a.btn-light.btn2-outline-color-a6a93f12-755e-37a0-b90a-b50c9acac0df:hover:after, button.btn-light.btn2-outline-color-a6a93f12-755e-37a0-b90a-b50c9acac0df:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } @media (hover:hover){ .btn-light.btn1-bg-color-a6a93f12-755e-37a0-b90a-b50c9acac0df:hover{ background-color: #C8102E !important; } .btn-light.btn2-bg-color-a6a93f12-755e-37a0-b90a-b50c9acac0df:hover{ background-color: !important; } } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-a6a93f12-755e-37a0-b90a-b50c9acac0df{ background-color: #161616; } a.btn-light .beats-btn-inner.btn1-text-color-a6a93f12-755e-37a0-b90a-b50c9acac0df, button.btn-light .beats-btn-inner.btn1-text-color-a6a93f12-755e-37a0-b90a-b50c9acac0df{ color: #FFFFFF; } a.btn-light.btn1-outline-color-a6a93f12-755e-37a0-b90a-b50c9acac0df, button.btn-light.btn1-outline-color-a6a93f12-755e-37a0-b90a-b50c9acac0df{ border: 2px solid #161616; } /*Button 2*/ .btn-light.btn2-bg-color-a6a93f12-755e-37a0-b90a-b50c9acac0df { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-a6a93f12-755e-37a0-b90a-b50c9acac0df, button.btn-light .beats-btn-inner.btn2-text-color-a6a93f12-755e-37a0-b90a-b50c9acac0df{ color: ; } a.btn-light.btn2-outline-color-a6a93f12-755e-37a0-b90a-b50c9acac0df, button.btn-light.btn2-outline-color-a6a93f12-755e-37a0-b90a-b50c9acac0df{ border: 2px solid transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-a6a93f12-755e-37a0-b90a-b50c9acac0df{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-a6a93f12-755e-37a0-b90a-b50c9acac0df{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-a6a93f12-755e-37a0-b90a-b50c9acac0df{ background-color: #161616; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-a6a93f12-755e-37a0-b90a-b50c9acac0df, button.btn-light .beats-btn-inner.btn1-tablet-text-color-a6a93f12-755e-37a0-b90a-b50c9acac0df{ color: #FFFFFF; } a.btn-light.btn1-tablet-outline-color-a6a93f12-755e-37a0-b90a-b50c9acac0df, button.btn-light.btn1-tablet-outline-color-a6a93f12-755e-37a0-b90a-b50c9acac0df { border: 2px solid #161616; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-a6a93f12-755e-37a0-b90a-b50c9acac0df{ background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-a6a93f12-755e-37a0-b90a-b50c9acac0df, button.btn-light .beats-btn-inner.btn2-tablet-text-color-a6a93f12-755e-37a0-b90a-b50c9acac0df { color: ; } a.btn-light.btn2-tablet-outline-color-a6a93f12-755e-37a0-b90a-b50c9acac0df, button.btn-light.btn2-tablet-outline-color-a6a93f12-755e-37a0-b90a-b50c9acac0df { border: 2px solid transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-a6a93f12-755e-37a0-b90a-b50c9acac0df{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-a6a93f12-755e-37a0-b90a-b50c9acac0df{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-a6a93f12-755e-37a0-b90a-b50c9acac0df{ background-color: #161616; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-a6a93f12-755e-37a0-b90a-b50c9acac0df, button.btn-light .beats-btn-inner.btn1-mobile-text-color-a6a93f12-755e-37a0-b90a-b50c9acac0df{ color: #FFFFFF; } a.btn-light.btn1-mobile-outline-color-a6a93f12-755e-37a0-b90a-b50c9acac0df, button.btn-light.btn1-mobile-outline-color-a6a93f12-755e-37a0-b90a-b50c9acac0df { border: 2px solid #161616; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-a6a93f12-755e-37a0-b90a-b50c9acac0df{ background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-a6a93f12-755e-37a0-b90a-b50c9acac0df, button.btn-light .beats-btn-inner.btn2-mobile-text-color-a6a93f12-755e-37a0-b90a-b50c9acac0df{ color: ; } a.btn-light.btn2-mobile-outline-color-a6a93f12-755e-37a0-b90a-b50c9acac0df, button.btn-light.btn2-mobile-outline-color-a6a93f12-755e-37a0-b90a-b50c9acac0df { border: 2px solid transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-a6a93f12-755e-37a0-b90a-b50c9acac0df{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-a6a93f12-755e-37a0-b90a-b50c9acac0df{ color: ; } } </style> <div class="bbd-component beats-cta-container beats-cta-container--align-left" data-analytics-module="middle_hero_cta" data-analytics-region="lebron-studiopro"> <div class="button-container "> <div class="beats-button"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="shop" href="/hk/headphones/studio-pro-wireless?sku=MQTR3" id="a6a93f12-755e-37a0-b90a-b50c9acac0df" data-id="a6a93f12-755e-37a0-b90a-b50c9acac0df" aria-label="Shop Beats Studio Pro" class="beats-btn btn-light beats-btn--button beats-btn--authored btn1-bg-color-a6a93f12-755e-37a0-b90a-b50c9acac0df btn1-outline-color-a6a93f12-755e-37a0-b90a-b50c9acac0df btn1-tablet-bg-color-a6a93f12-755e-37a0-b90a-b50c9acac0df btn1-tablet-outline-color-a6a93f12-755e-37a0-b90a-b50c9acac0df btn1-mobile-bg-color-a6a93f12-755e-37a0-b90a-b50c9acac0df btn1-mobile-outline-color-a6a93f12-755e-37a0-b90a-b50c9acac0df " target="_self"> <span class="beats-btn-inner btn1-text-color-a6a93f12-755e-37a0-b90a-b50c9acac0df btn1-tablet-text-color-a6a93f12-755e-37a0-b90a-b50c9acac0df btn1-mobile-text-color-a6a93f12-755e-37a0-b90a-b50c9acac0df btn1-text-hover-color-a6a93f12-755e-37a0-b90a-b50c9acac0df btn1-tablet-text-hover-color-a6a93f12-755e-37a0-b90a-b50c9acac0df btn1-mobile-text-hover-color-a6a93f12-755e-37a0-b90a-b50c9acac0df">Shop</span> <span class="beats-btn-mask btn1-bg-hover-color-a6a93f12-755e-37a0-b90a-b50c9acac0df"></span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style type="text/css"> </style> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-29b46fac-5fd4-31cd-b846-94cb076130b1 { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-29b46fac-5fd4-31cd-b846-94cb076130b1 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-29b46fac-5fd4-31cd-b846-94cb076130b1 { padding-top: px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-29b46fac-5fd4-31cd-b846-94cb076130b1"></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-8417e352-e780-3249-9fa6-248b33c1b68b { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-8417e352-e780-3249-9fa6-248b33c1b68b:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-8417e352-e780-3249-9fa6-248b33c1b68b .outer-container { width: 91.66666%; max-width: 1024px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-8417e352-e780-3249-9fa6-248b33c1b68b:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-8417e352-e780-3249-9fa6-248b33c1b68b .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-8417e352-e780-3249-9fa6-248b33c1b68b:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-8417e352-e780-3249-9fa6-248b33c1b68b .outer-container { width: 84%; max-width: 315px; } } </style> <section class="bbd-component bbd-full-width-container id-8417e352-e780-3249-9fa6-248b33c1b68b" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="experiencefragment section">  <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-ad551435-1b91-3469-a558-0be20fc2ad4a { padding-top: 72px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-ad551435-1b91-3469-a558-0be20fc2ad4a { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-ad551435-1b91-3469-a558-0be20fc2ad4a { padding-top: 48px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-ad551435-1b91-3469-a558-0be20fc2ad4a"></section> </div> <div class="staticRCTileContainer parbase"> <div class="sm-12 content-item__header"> <div style="text-align: center;color: rgb(22,22,22);letter-spacing: -1.0px;"> <h2 style="color: inherit;text-align: center;font-size: 32.0px;line-height: 34.0px;font-weight: 700;margin: 0 0 35.0px;padding: 0;">Seamless Shopping Through Apple</h2> </div> </div> <div class="layout-flex justify-content-center row-gap-lg-0 row-gap-md-0 row-gap-sm-5 column-gap-lg-2 column-gap-md-0 column-gap-sm-0" data-analytics-scroll> <div class="content-item content-item-bd5c8d22-c20c-32d1-8414-048fc1c2a369 content-item--snippet content-item--center sm-12 md-6 lg-6 content-item--link--primary"> <div class="content-item__inner"> <div class="content-item__visual"> <picture class="beats-picture "> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/common/icons/apple-value-props/free-shipping-icon-hp-vp.png.large.2x.png 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/common/icons/apple-value-props/free-shipping-icon-hp-vp.png.large.2x.png 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/common/icons/apple-value-props/free-shipping-icon-hp-vp.png.large.2x.png 2x"/> <img data-resp-exclude class="bbd-media-image " data-lazy="" aria-hidden="true" data-src="/content/dam/beats/web/common/icons/apple-value-props/free-shipping-icon-hp-vp.png.large.2x.png" data-srcset="/content/dam/beats/web/common/icons/apple-value-props/free-shipping-icon-hp-vp.png.large.2x.png 2x" alt="Fast, Free Deliver" role="presentation"/> </picture> </div> <div class="content-item__copy"> <div class="show-desktop content-item__description"><div> <h3 style="font-weight: 700; font-size: 24px; letter-spacing: -1px;">Fast and Free Delivery</h3> <p style="font-size: 20px; font-weight: 400; line-height: 1.5rem; margin: 8px 0 0 0; letter-spacing: -0.2px;">Enjoy fast and free shipping on all in-stock items.</p> </div></div> <div class="show-tablet content-item__description"><div> <h3 style="font-weight: 700; font-size: 24px; letter-spacing: -1px;">Fast and Free Delivery</h3> <p style="font-size: 20px; font-weight: 400; line-height: 1.5rem; margin: 8px 0 0 0; letter-spacing: -0.2px;">Enjoy fast and free shipping on all in-stock items.</p> </div></div> <div class="show-mobile content-item__description"><div> <h3 style="font-weight: 700; font-size: 20px; letter-spacing: -1px;">Fast and Free Delivery</h3> <p style="font-size: 18px; font-weight: 400; line-height: 1.5rem; margin: 8px 0 0 0; word-break: keep-all; letter-spacing: -0.2px;">Enjoy fast and free shipping on<br> all in-stock items.</p> </div></div> <a data-analytics-click data-analytics-link-type="appleExit" data-analytics-label="Learn More Button | Fast, Free Delivery" class="content-item__link TODO--dark" href="https://www.apple.com/hk/shop/help/shipping_delivery#time" target="_blank"> <span style="font-weight: 700;letter-spacing: -1.0px;">Learn More<i class="fa fa-external-link" style="vertical-align: middle;margin-left: 0.33em;font-weight: 700;"></i></span> </a> </div> </div> </div> <div class="content-item content-item-ff330ce7-ab0b-3e78-91e0-a4ec37a69eda content-item--snippet content-item--center sm-12 md-6 lg-6 content-item--link--primary"> <div class="content-item__inner"> <div class="content-item__visual"> <a data-analytics-click data-analytics-link-type="appleExit" data-analytics-label="Learn More Button | In-store Pickup" class="TODO--dark content-item__visual__icon" href="https://www.apple.com/hk/shop/help/shipping_delivery#pickup" target="_blank"> <picture class="beats-picture "> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/common/icons/apple-value-props/in-store-pickup-icon-hp-vp.png.large.2x.png 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/common/icons/apple-value-props/in-store-pickup-icon-hp-vp.png.large.2x.png 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/common/icons/apple-value-props/in-store-pickup-icon-hp-vp.png.large.2x.png 2x"/> <img data-resp-exclude class="bbd-media-image " data-lazy="" aria-hidden="true" data-src="/content/dam/beats/web/common/icons/apple-value-props/in-store-pickup-icon-hp-vp.png.large.2x.png" data-srcset="/content/dam/beats/web/common/icons/apple-value-props/in-store-pickup-icon-hp-vp.png.large.2x.png 2x" alt="In-Store Pickup" role="presentation"/> </picture> </a> </div> <div class="content-item__copy"> <div class="show-desktop content-item__description"><div> <h3 style="font-weight: 700; font-size: 24px; letter-spacing: -1px;">In-Store Pickup</h3> <p style="font-size: 20px; font-weight: 400; line-height: 1.5rem; margin: 8px 0 0 0; letter-spacing: -0.2px;">Pick up your online order at an Apple Store near you.</p> </div></div> <div class="show-tablet content-item__description"><div> <h3 style="font-weight: 700; font-size: 24px; letter-spacing: -1px;">In-Store Pickup</h3> <p style="font-size: 20px; font-weight: 400; line-height: 1.5rem; margin: 8px 0 0 0; letter-spacing: -0.2px;">Pick up your online order at an Apple Store near you.</p> </div></div> <div class="show-mobile content-item__description"><div> <h3 style="font-weight: 700; font-size: 20px; letter-spacing: -1px;">In-Store Pickup</h3> <p style="font-size: 18px; font-weight: 400; line-height: 1.5rem; margin: 8px 0 0 0; letter-spacing: -0.2px;">Pick up your online order at an Apple Store near you.</p> </div></div> <a data-analytics-click data-analytics-link-type="appleExit" data-analytics-label="Learn More Button | In-store Pickup" class="content-item__link TODO--dark" href="https://www.apple.com/hk/shop/help/shipping_delivery#pickup" target="_blank"> <span style="font-weight: 700;letter-spacing: -1.0px;">Learn More<i class="fa fa-external-link" style="vertical-align: middle;margin-left: 0.33em;font-weight: 700;"></i></span> </a> </div> </div> </div> </div> </div> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-ca2b9194-4a41-3df3-b213-89fd09f6946a { padding-top: 72px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-ca2b9194-4a41-3df3-b213-89fd09f6946a { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-ca2b9194-4a41-3df3-b213-89fd09f6946a { padding-top: 48px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-ca2b9194-4a41-3df3-b213-89fd09f6946a"></section> </div> </div> </div> </div> </div> </section> </div> <div class="ghost section"> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-9411ee8d-b50c-3a53-a1b9-a8d9afb4c966 { background: linear-gradient(to bottom, transparent 50%, #F0F0F0 0%); } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-9411ee8d-b50c-3a53-a1b9-a8d9afb4c966:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 50%, #F0F0F0 0%); } .bbd-full-width-container.id-9411ee8d-b50c-3a53-a1b9-a8d9afb4c966 .outer-container { width: 100%; max-width: 1920px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-9411ee8d-b50c-3a53-a1b9-a8d9afb4c966:not(.bg-color-match-enabled) { background: linear-gradient(to bottom, transparent 50%, #F0F0F0 0%); } .bbd-full-width-container.id-9411ee8d-b50c-3a53-a1b9-a8d9afb4c966 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-9411ee8d-b50c-3a53-a1b9-a8d9afb4c966:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-9411ee8d-b50c-3a53-a1b9-a8d9afb4c966 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-9411ee8d-b50c-3a53-a1b9-a8d9afb4c966" data-desktop-bg-color="linear-gradient(to bottom, transparent 50%, #F0F0F0 0%)"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-eeb8d1ba-bbbd-3d92-945d-53719851c15d { padding-top: px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-eeb8d1ba-bbbd-3d92-945d-53719851c15d { padding-top: px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-eeb8d1ba-bbbd-3d92-945d-53719851c15d { padding-top: px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-eeb8d1ba-bbbd-3d92-945d-53719851c15d"></section> </div> <div class="imageTextV2Container parsys section"> <div class=" " data-analytics-module="bottom_hero" data-analytics-region="iphone-case_hero"> <div id="id-3cd39839-1307-3c97-8ddd-577ab4692a33" class="media-text"> <div class="media-text__inner media-text--overlay-lg media-text--overlay-md media-text--overlay-sm "> <div class="imageAndText2X"> <style type="text/css"> @media screen and (max-width: 767px) { .media-text__item#id-46519748-d38e-38ca-a4a7-81a6ed98d1b4 .media-text__item__content{ padding: ; max-width: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .media-text__item#id-46519748-d38e-38ca-a4a7-81a6ed98d1b4 .media-text__item__content { padding: ; max-width: ; } } @media screen and (min-width: 1024px) { .media-text__item#id-46519748-d38e-38ca-a4a7-81a6ed98d1b4 .media-text__item__content { padding: ; max-width: ; } } .media-text .media-text__item--visual#id-46519748-d38e-38ca-a4a7-81a6ed98d1b4 picture:before { display: block; background: ; } </style> <div id="id-46519748-d38e-38ca-a4a7-81a6ed98d1b4" class="media-text__item media-text__item--visual media-text--light media-text__item--visual--fill v-align-lg-top h-align-lg-left v-align-md-top h-align-md-left v-align-sm-top h-align-sm-left"> <div class="media-text__item__content "> <picture class="beats-picture "> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/home/2024/08/hp-hero-iphone16-case.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/home/2024/08/hp-hero-iphone16-case.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/home/2024/08/hp-hero-iphone16-case.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image " data-lazy="" data-src="/content/dam/beats/web/home/2024/08/hp-hero-iphone16-case.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/home/2024/08/hp-hero-iphone16-case.jpg.large.2x.jpg 2x" alt="Close up of the front and back of Beats iPhone 16 Case with MagSafe " data-analytics-click="true" data-analytics-link-type="siteClick" data-analytics-label="iphone-case_image" data-link="/hk/accessories/phone-cases/beats-iphone-16-magsafe-case"/> </picture> </div> </div> </div> <div class="imageAndText2X"> <style type="text/css"> @media screen and (max-width: 767px) { .media-text__item#id-1402b5d0-2873-3799-b62e-ef0162ac3351 .media-text__item__content{ padding: ; max-width: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .media-text__item#id-1402b5d0-2873-3799-b62e-ef0162ac3351 .media-text__item__content { padding: 0 0 0 50px; max-width: ; } } @media screen and (min-width: 1024px) { .media-text__item#id-1402b5d0-2873-3799-b62e-ef0162ac3351 .media-text__item__content { padding: 0 0 0 60px; max-width: 80%; } } </style> <div id="id-1402b5d0-2873-3799-b62e-ef0162ac3351" class="media-text__item media-text--light v-align-lg-middle h-align-lg-left v-align-md-middle h-align-md-left v-align-sm-bottom h-align-sm-left"> <div class="media-text__item__content "> <div> <div class="show-desktop"> <div style="margin-bottom: 5%;"><h2 style="margin: 50px 0 0 0;"><span class="title-2" style="text-transform: uppercase;">NEW</span></h2> <span class="headline-2">Beats iPhone 16<br> Case with MagSafe</span></div> </div> <div class="show-tablet"><div style="margin-bottom: 3%;"><h2><span class="title-2" style="text-transform: uppercase;">NEW</span></h2> <h2 style="margin: 0; font-size: 0;"><span class="headline-3">Beats iPhone 16<br> Case with MagSafe</span></h2> </div> </div> <div class="show-mobile"><div style="margin: -15px 0 0 0;"><h2><span class="title-2" style="text-transform: uppercase;">NEW</span></h2> <h2 style="margin: 0; font-size: 0;"><span class="headline-3">Beats iPhone 16 Case<br> with MagSafe</span></h2> </div> </div> <style> /*Button 1 */ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e { color: #FFFFFF !important; } } .beats-btn-mask.btn1-bg-hover-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e, button.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e { background-color: #C8102E !important; } /*Button 2*/ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e{ color: !important; } } .beats-btn-mask.btn2-bg-hover-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e, button.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e { background-color: !important; } a.btn-light.btn1-outline-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e:after, button.btn-light.btn1-outline-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e:after, a.btn-light.btn1-outline-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e:hover:after, button.btn-light.btn1-outline-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } a.btn-light.btn2-outline-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e:after, button.btn-light.btn2-outline-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e:after, a.btn-light.btn2-outline-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e:hover:after, button.btn-light.btn2-outline-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } @media (hover:hover){ .btn-light.btn1-bg-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e:hover{ background-color: #C8102E !important; } .btn-light.btn2-bg-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e:hover{ background-color: !important; } } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e{ background-color: #161616; } a.btn-light .beats-btn-inner.btn1-text-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e, button.btn-light .beats-btn-inner.btn1-text-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e{ color: #FFFFFF; } a.btn-light.btn1-outline-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e, button.btn-light.btn1-outline-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e{ border: 2px solid #161616; } /*Button 2*/ .btn-light.btn2-bg-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e, button.btn-light .beats-btn-inner.btn2-text-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e{ color: ; } a.btn-light.btn2-outline-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e, button.btn-light.btn2-outline-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e{ border: 2px solid transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-84cea466-6d9f-3a2b-9959-7e24ecbfd76e{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-84cea466-6d9f-3a2b-9959-7e24ecbfd76e{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e{ background-color: #161616; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e, button.btn-light .beats-btn-inner.btn1-tablet-text-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e{ color: #FFFFFF; } a.btn-light.btn1-tablet-outline-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e, button.btn-light.btn1-tablet-outline-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e { border: 2px solid #161616; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e{ background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e, button.btn-light .beats-btn-inner.btn2-tablet-text-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e { color: ; } a.btn-light.btn2-tablet-outline-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e, button.btn-light.btn2-tablet-outline-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e { border: 2px solid transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-84cea466-6d9f-3a2b-9959-7e24ecbfd76e{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-84cea466-6d9f-3a2b-9959-7e24ecbfd76e{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e{ background-color: #161616; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e, button.btn-light .beats-btn-inner.btn1-mobile-text-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e{ color: #FFFFFF; } a.btn-light.btn1-mobile-outline-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e, button.btn-light.btn1-mobile-outline-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e { border: 2px solid #161616; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e{ background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e, button.btn-light .beats-btn-inner.btn2-mobile-text-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e{ color: ; } a.btn-light.btn2-mobile-outline-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e, button.btn-light.btn2-mobile-outline-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e { border: 2px solid transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-84cea466-6d9f-3a2b-9959-7e24ecbfd76e{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-84cea466-6d9f-3a2b-9959-7e24ecbfd76e{ color: ; } } </style> <div class="bbd-component beats-cta-container beats-cta-container--align-left" data-analytics-module="bottom_hero" data-analytics-region="cases_cta"> <div class="button-container "> <div class="beats-button"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="iphone-case_shop-cta" href="/hk/accessories/phone-cases/beats-iphone-16-magsafe-case" id="84cea466-6d9f-3a2b-9959-7e24ecbfd76e" data-id="84cea466-6d9f-3a2b-9959-7e24ecbfd76e" aria-label="Shop Beats iPhone 16 Case with MagSafe" class="beats-btn btn-light beats-btn--button beats-btn--authored btn1-bg-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e btn1-outline-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e btn1-tablet-bg-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e btn1-tablet-outline-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e btn1-mobile-bg-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e btn1-mobile-outline-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e " target="_self"> <span class="beats-btn-inner btn1-text-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e btn1-tablet-text-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e btn1-mobile-text-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e btn1-text-hover-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e btn1-tablet-text-hover-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e btn1-mobile-text-hover-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e">Shop</span> <span class="beats-btn-mask btn1-bg-hover-color-84cea466-6d9f-3a2b-9959-7e24ecbfd76e"></span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style type="text/css"> </style> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-e794be3f-da7b-34a7-bdb9-cb3b248ccb8a { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-e794be3f-da7b-34a7-bdb9-cb3b248ccb8a { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-e794be3f-da7b-34a7-bdb9-cb3b248ccb8a { padding-top: px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-e794be3f-da7b-34a7-bdb9-cb3b248ccb8a"></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-e9d865f5-1699-3d88-9506-3ae55945038f { background: #F0F0F0; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-e9d865f5-1699-3d88-9506-3ae55945038f:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-e9d865f5-1699-3d88-9506-3ae55945038f .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-e9d865f5-1699-3d88-9506-3ae55945038f:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-e9d865f5-1699-3d88-9506-3ae55945038f .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-e9d865f5-1699-3d88-9506-3ae55945038f:not(.bg-color-match-enabled) { background: #F0F0F0; } .bbd-full-width-container.id-e9d865f5-1699-3d88-9506-3ae55945038f .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-e9d865f5-1699-3d88-9506-3ae55945038f" data-desktop-bg-color="#F0F0F0"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-7db93915-25ca-36f6-a315-731f682ed1e8 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-7db93915-25ca-36f6-a315-731f682ed1e8 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-7db93915-25ca-36f6-a315-731f682ed1e8 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-7db93915-25ca-36f6-a315-731f682ed1e8"></section> </div> <div class="cardCarousel section"> <style> .row-carousel.row-carousel-b8dd4b20-6c4e-3063-a724-40b401f18565 { } @media screen and (max-width: 767px) { .row-carousel.row-carousel-b8dd4b20-6c4e-3063-a724-40b401f18565 ul.dots .dot.active { } .row-carousel.row-carousel-b8dd4b20-6c4e-3063-a724-40b401f18565 ul.dots .dot:not(.active) { } } </style> <div class="row-carousel row-carousel-b8dd4b20-6c4e-3063-a724-40b401f18565" data-analytics-scroll=""> <div class="row-carousel__inner"> <button type="button" class="row-carousel__prev" aria-label="Previous Item"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <path d="M0.377647059,29.9998589 C0.377647059,30.8615295 0.68784706,31.6197883 1.34272236,32.2747059 L28.6749883,58.9865295 C29.2609412,59.6069295 30.0192001,59.9171366 30.9153177,59.9171366 C32.7076236,59.9171366 34.0862824,58.5729248 34.0862824,56.7806472 C34.0862824,55.8845083 33.707153,55.1262333 33.1556471,54.5402959 L8.06378825,29.9998589 L33.1556471,5.4594353 C33.707153,4.87348236 34.0862824,4.08070589 34.0862824,3.2190353 C34.0862824,1.4268 32.7076236,0.0825882354 30.9153177,0.0825882354 C30.0192001,0.0825882354 29.2609412,0.392752942 28.6749883,0.978705884 L1.34272236,27.7250118 C0.68784706,28.3454118 0.377647059,29.1381883 0.377647059,29.9998589 Z" transform="translate(14.706 2)"></path> </svg> </button> <div class="row-carousel__content"> <ul> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="/hk/mobile-apps" data-analytics-click="" data-analytics-link-type="siteClick" target="_self" data-analytics-item="Beats App for Android" aria-label="Open mobile apps download page" class="card card-4cbadaf9-ef76-37b4-b166-b63cba150cca card--custom card--custom-4cbadaf9-ef76-37b4-b166-b63cba150cca card--light "> <style> .card--custom-4cbadaf9-ef76-37b4-b166-b63cba150cca{ width: 333px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div class="font-updated" style="line-height: 1.2; min-height: 4rem; letter-spacing: -1px; padding-bottom: 40px;"> <h2 style="font-size: clamp(1.5rem, 5vw, 1.813rem); font-weight: 700; line-height: 1;">Beats app for Android</h2> <p style="font-size: clamp(1rem, 5vw, 1.375rem); color: #535353; line-height: 1.5rem;">Download the Beats app to unlock additional features.</p> </div></span> </p> </div> <img src="/content/dam/beats/web/home/2023/02/beats-app-card-assets/hp-cc-features-beats-app.png" alt="Beats App displayed on a mobile phone"/> <div class="card__content-bottom"> </div> </a> </div> </div> </li> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="https://support.apple.com/en-hk/HT210515" data-analytics-click="" data-analytics-link-type="supportExit" target="_blank" data-analytics-item="Find your Beats" aria-label="Apple Find My instructions | Opens in new window" class="card card-64b8ddfd-82d0-33c8-a405-a7619fc95a0d card--custom card--custom-64b8ddfd-82d0-33c8-a405-a7619fc95a0d card--light "> <style> .card--custom-64b8ddfd-82d0-33c8-a405-a7619fc95a0d{ width: 333px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div class="font-updated" style="line-height: 1.2; min-height: 4rem; letter-spacing: -1px; padding-bottom: 40px;"> <h2 style="font-size: clamp(1.5rem, 5vw, 1.813rem); font-weight: 700; line-height: 1;">Find your Beats</h2> <p style="font-size: clamp(1rem, 5vw, 1.375rem); color: #535353; line-height: 1.5rem;">If your Beats are missing, track them down with the “Find My” app.<sup>1</sup></p> </div></span> </p> </div> <img src="/content/dam/beats/web/home/2022/10/hp-cc-promos--find-your-beats.png" alt="Find My app and Beats Flex on white background"/> <div class="card__content-bottom"> </div> </a> </div> </div> </li> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="https://offers.applemusic.apple/en-hk/new-device-offer?itscg=10900&itsct=medusa_hwb_beats_home" data-analytics-click="" data-analytics-link-type="siteClick" target="_blank" data-analytics-item="Free Apple music" aria-label="Apple free music trial | Opens in new window" class="card card-07a26a6e-2629-3938-a2bc-b61251300c6a card--custom card--custom-07a26a6e-2629-3938-a2bc-b61251300c6a card--light "> <style> .card--custom-07a26a6e-2629-3938-a2bc-b61251300c6a{ width: 333px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div class="font-updated" style="line-height: 1.2; min-height: 4rem; letter-spacing: -1px; padding-bottom: 40px;"> <h2 style="font-size: clamp(1.5rem, 5vw, 1.813rem); font-weight: 700; line-height: 1;">Free Apple Music</h2> <p style="font-size: clamp(1rem, 5vw, 1.375rem); color: #535353; line-height: 1.5rem;">Enjoy 3 months of Apple Music free with select Beats.<sup>2</sup></p> </div></span> </p> </div> <img src="/content/dam/beats/web/home/feature-card-carousel/hp-cc-promos-apple-music-promo.jpg" alt="Apple Music logo and Beats Fit Pro on white background"/> <div class="card__content-bottom"> </div> </a> </div> </div> </li> <li> <div class="row-carousel--offset"> <div class="row-carousel--tween"> <a href="/hk/support" data-analytics-click="" data-analytics-link-type="siteClick" target="_self" data-analytics-item="Beats Support" aria-label="Open Beats support website" class="card card-d7fa3544-c995-3b65-ae13-6320e9a027d1 card--custom card--custom-d7fa3544-c995-3b65-ae13-6320e9a027d1 card--light "> <style> .card--custom-d7fa3544-c995-3b65-ae13-6320e9a027d1{ width: 333px !important;; } </style> <div class="card__content-top"> <p class="card__eyebrow"> <span><div class="font-updated" style="line-height: 1.2; min-height: 4rem; letter-spacing: -1px; padding-bottom: 40px;"> <h2 style="font-size: clamp(1.5rem, 5vw, 1.813rem); font-weight: 700; line-height: 1;">Beats support</h2> <p style="font-size: clamp(1rem, 5vw, 1.375rem); color: #535353; line-height: 1.5rem;">Get help with your products in one place, or connect with an expert.</p> </div></span> </p> </div> <img src="/content/dam/beats/web/home/2023/02/hp-cc-features-support.png" alt="Closeup of Beats logo on a pair of Beats Studio Buds earbuds"/> <div class="card__content-bottom"> </div> </a> </div> </div> </li> </ul> </div> <button type="button" class="row-carousel__next" aria-label="Next Item"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <path d="M34.0862824,29.9998589 C34.0862824,29.1381883 33.7416001,28.3454118 33.086753,27.7250118 L5.78894119,0.978705884 C5.16854119,0.392752942 4.41028236,0.0825882354 3.51409412,0.0825882354 C1.75630589,0.0825882354 0.377647059,1.4268 0.377647059,3.2190353 C0.377647059,4.08070589 0.722329413,4.87348236 1.27376471,5.4594353 L26.3656942,29.9998589 L1.27376471,54.5402959 C0.722329413,55.1262333 0.377647059,55.8845083 0.377647059,56.7806472 C0.377647059,58.5729248 1.75630589,59.9171366 3.51409412,59.9171366 C4.41028236,59.9171366 5.16854119,59.6069295 5.78894119,58.9865295 L33.086753,32.2747059 C33.7416001,31.6197883 34.0862824,30.8615295 34.0862824,29.9998589 Z" transform="translate(14.706 2)"></path> </svg> </button> </div> </div></div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-58590aad-a62e-30d1-874b-096a9fa661b6 { padding-top: 60px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-58590aad-a62e-30d1-874b-096a9fa661b6 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-58590aad-a62e-30d1-874b-096a9fa661b6 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-58590aad-a62e-30d1-874b-096a9fa661b6"></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-ced7f65a-318b-3e32-a958-86bde9a4727e { background: linear-gradient(180deg, #7A7A7A 0%, #1A1A1A 77.59%);; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-ced7f65a-318b-3e32-a958-86bde9a4727e:not(.bg-color-match-enabled) { background: linear-gradient(180deg, #7A7A7A 0%, #1A1A1A 77.59%);; } .bbd-full-width-container.id-ced7f65a-318b-3e32-a958-86bde9a4727e .outer-container { width: 100%; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-ced7f65a-318b-3e32-a958-86bde9a4727e:not(.bg-color-match-enabled) { background: linear-gradient(180deg, #7A7A7A 0%, #1A1A1A 77.59%);; } .bbd-full-width-container.id-ced7f65a-318b-3e32-a958-86bde9a4727e .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-ced7f65a-318b-3e32-a958-86bde9a4727e:not(.bg-color-match-enabled) { background: linear-gradient(180deg, #7A7A7A 0%, #1A1A1A 77.59%);; } .bbd-full-width-container.id-ced7f65a-318b-3e32-a958-86bde9a4727e .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-ced7f65a-318b-3e32-a958-86bde9a4727e" data-desktop-bg-color="linear-gradient(180deg, #7A7A7A 0%, #1A1A1A 77.59%);"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-3fafa06d-5d19-394a-9c27-27ae94b749f8 { padding-top: 64px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-3fafa06d-5d19-394a-9c27-27ae94b749f8 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-3fafa06d-5d19-394a-9c27-27ae94b749f8 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-3fafa06d-5d19-394a-9c27-27ae94b749f8"></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-9da01d75-d974-3f99-bb2b-b89b4855a353 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-text-column { width: 60%; max-width: 60%; } .bbd-img-text-component.id-9da01d75-d974-3f99-bb2b-b89b4855a353 .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-9da01d75-d974-3f99-bb2b-b89b4855a353 .bbd-1X-image .content-column .bbd-1X-image-text-column { width: 60%; max-width: 60%; } .bbd-img-text-component.id-9da01d75-d974-3f99-bb2b-b89b4855a353 .content-wrapper section.bbd-1X-image .content-column .bbd-1X-image-text-block { width: 100%; max-width: 100%; } .bbd-img-text-component.id-9da01d75-d974-3f99-bb2b-b89b4855a353 .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-9da01d75-d974-3f99-bb2b-b89b4855a353" data-analytics-scroll> <div class="content-wrapper 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/home/2022/10/hp-register--fitpro-solo3.png.large.2x.png 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/home/2022/10/hp-register--fitpro-solo3.png.medium.2x.png 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/home/2022/10/hp-register--fitpro-solo3.png.small.2x.png 2x"/> <img data-resp-exclude class="bbd-media-image " data-lazy="" data-src="/content/dam/beats/web/home/2022/10/hp-register--fitpro-solo3.png.large.2x.png" data-srcset="/content/dam/beats/web/home/2022/10/hp-register--fitpro-solo3.png.large.2x.png 2x" alt="Beats Fit Pro and Beats Studio3 Wireless"/> </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"> <h2 style="font-weight: 700; font-size: clamp(3.188rem, 5vw, 4rem); line-height: 1; text-transform: uppercase; letter-spacing: -1px; margin: 0;">Register your Beats</h2> </div> </div> <div class="show-tablet"><div class="font-updated"> <h2 style="font-weight: 700; font-size: clamp(2.375rem, 8vw, 3rem); line-height: 1; text-transform: uppercase; letter-spacing: -1px; margin: 0;">Register your Beats</h2> </div></div> <div class="show-mobile"><div class="font-updated"> <h2 style="font-weight: 700; font-size: clamp(2rem, 11vw, 2.5rem); line-height: 1; text-transform: uppercase; letter-spacing: -1px; margin: 0;">Register your Beats</h2> </div></div> <style> /*Button 1 */ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-0018608a-a8c5-3e7e-b428-184f2d6727f9 { color: #FFFFFF !important; } } .beats-btn-mask.btn1-bg-hover-color-0018608a-a8c5-3e7e-b428-184f2d6727f9, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-0018608a-a8c5-3e7e-b428-184f2d6727f9, button.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-0018608a-a8c5-3e7e-b428-184f2d6727f9 { background-color: #C8102E !important; } /*Button 2*/ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-0018608a-a8c5-3e7e-b428-184f2d6727f9{ color: !important; } } .beats-btn-mask.btn2-bg-hover-color-0018608a-a8c5-3e7e-b428-184f2d6727f9, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-0018608a-a8c5-3e7e-b428-184f2d6727f9, button.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-0018608a-a8c5-3e7e-b428-184f2d6727f9 { background-color: !important; } a.btn-light.btn1-outline-color-0018608a-a8c5-3e7e-b428-184f2d6727f9:after, button.btn-light.btn1-outline-color-0018608a-a8c5-3e7e-b428-184f2d6727f9:after, a.btn-light.btn1-outline-color-0018608a-a8c5-3e7e-b428-184f2d6727f9:hover:after, button.btn-light.btn1-outline-color-0018608a-a8c5-3e7e-b428-184f2d6727f9:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } a.btn-light.btn2-outline-color-0018608a-a8c5-3e7e-b428-184f2d6727f9:after, button.btn-light.btn2-outline-color-0018608a-a8c5-3e7e-b428-184f2d6727f9:after, a.btn-light.btn2-outline-color-0018608a-a8c5-3e7e-b428-184f2d6727f9:hover:after, button.btn-light.btn2-outline-color-0018608a-a8c5-3e7e-b428-184f2d6727f9:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } @media (hover:hover){ .btn-light.btn1-bg-color-0018608a-a8c5-3e7e-b428-184f2d6727f9:hover{ background-color: #C8102E !important; } .btn-light.btn2-bg-color-0018608a-a8c5-3e7e-b428-184f2d6727f9:hover{ background-color: !important; } } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-0018608a-a8c5-3e7e-b428-184f2d6727f9{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-text-color-0018608a-a8c5-3e7e-b428-184f2d6727f9, button.btn-light .beats-btn-inner.btn1-text-color-0018608a-a8c5-3e7e-b428-184f2d6727f9{ color: #161616; } a.btn-light.btn1-outline-color-0018608a-a8c5-3e7e-b428-184f2d6727f9, button.btn-light.btn1-outline-color-0018608a-a8c5-3e7e-b428-184f2d6727f9{ border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-bg-color-0018608a-a8c5-3e7e-b428-184f2d6727f9 { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-0018608a-a8c5-3e7e-b428-184f2d6727f9, button.btn-light .beats-btn-inner.btn2-text-color-0018608a-a8c5-3e7e-b428-184f2d6727f9{ color: ; } a.btn-light.btn2-outline-color-0018608a-a8c5-3e7e-b428-184f2d6727f9, button.btn-light.btn2-outline-color-0018608a-a8c5-3e7e-b428-184f2d6727f9{ border: 2px solid transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-0018608a-a8c5-3e7e-b428-184f2d6727f9{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-0018608a-a8c5-3e7e-b428-184f2d6727f9{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-0018608a-a8c5-3e7e-b428-184f2d6727f9{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-0018608a-a8c5-3e7e-b428-184f2d6727f9, button.btn-light .beats-btn-inner.btn1-tablet-text-color-0018608a-a8c5-3e7e-b428-184f2d6727f9{ color: #161616; } a.btn-light.btn1-tablet-outline-color-0018608a-a8c5-3e7e-b428-184f2d6727f9, button.btn-light.btn1-tablet-outline-color-0018608a-a8c5-3e7e-b428-184f2d6727f9 { border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-0018608a-a8c5-3e7e-b428-184f2d6727f9{ background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-0018608a-a8c5-3e7e-b428-184f2d6727f9, button.btn-light .beats-btn-inner.btn2-tablet-text-color-0018608a-a8c5-3e7e-b428-184f2d6727f9 { color: ; } a.btn-light.btn2-tablet-outline-color-0018608a-a8c5-3e7e-b428-184f2d6727f9, button.btn-light.btn2-tablet-outline-color-0018608a-a8c5-3e7e-b428-184f2d6727f9 { border: 2px solid transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-0018608a-a8c5-3e7e-b428-184f2d6727f9{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-0018608a-a8c5-3e7e-b428-184f2d6727f9{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-0018608a-a8c5-3e7e-b428-184f2d6727f9{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-0018608a-a8c5-3e7e-b428-184f2d6727f9, button.btn-light .beats-btn-inner.btn1-mobile-text-color-0018608a-a8c5-3e7e-b428-184f2d6727f9{ color: #161616; } a.btn-light.btn1-mobile-outline-color-0018608a-a8c5-3e7e-b428-184f2d6727f9, button.btn-light.btn1-mobile-outline-color-0018608a-a8c5-3e7e-b428-184f2d6727f9 { border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-0018608a-a8c5-3e7e-b428-184f2d6727f9{ background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-0018608a-a8c5-3e7e-b428-184f2d6727f9, button.btn-light .beats-btn-inner.btn2-mobile-text-color-0018608a-a8c5-3e7e-b428-184f2d6727f9{ color: ; } a.btn-light.btn2-mobile-outline-color-0018608a-a8c5-3e7e-b428-184f2d6727f9, button.btn-light.btn2-mobile-outline-color-0018608a-a8c5-3e7e-b428-184f2d6727f9 { border: 2px solid transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-0018608a-a8c5-3e7e-b428-184f2d6727f9{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-0018608a-a8c5-3e7e-b428-184f2d6727f9{ color: ; } } </style> <div class="bbd-component beats-cta-container beats-cta-container--align-left"> <div class="button-container "> <div class="beats-button"> <a data-analytics-click data-analytics-link-type="siteClick" href="/hk/register" id="0018608a-a8c5-3e7e-b428-184f2d6727f9" data-id="0018608a-a8c5-3e7e-b428-184f2d6727f9" class="beats-btn btn-light beats-btn--button beats-btn--authored btn1-bg-color-0018608a-a8c5-3e7e-b428-184f2d6727f9 btn1-outline-color-0018608a-a8c5-3e7e-b428-184f2d6727f9 btn1-tablet-bg-color-0018608a-a8c5-3e7e-b428-184f2d6727f9 btn1-tablet-outline-color-0018608a-a8c5-3e7e-b428-184f2d6727f9 btn1-mobile-bg-color-0018608a-a8c5-3e7e-b428-184f2d6727f9 btn1-mobile-outline-color-0018608a-a8c5-3e7e-b428-184f2d6727f9 " target="_self"> <span class="beats-btn-inner btn1-text-color-0018608a-a8c5-3e7e-b428-184f2d6727f9 btn1-tablet-text-color-0018608a-a8c5-3e7e-b428-184f2d6727f9 btn1-mobile-text-color-0018608a-a8c5-3e7e-b428-184f2d6727f9 btn1-text-hover-color-0018608a-a8c5-3e7e-b428-184f2d6727f9 btn1-tablet-text-hover-color-0018608a-a8c5-3e7e-b428-184f2d6727f9 btn1-mobile-text-hover-color-0018608a-a8c5-3e7e-b428-184f2d6727f9">Register Now</span> <span class="beats-btn-mask btn1-bg-hover-color-0018608a-a8c5-3e7e-b428-184f2d6727f9"></span> </a> </div> </div> </div> </div> </div> </div> </section> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-6d6f14c6-ecef-39ae-929b-c06a4b25a0d6 { padding-top: 64px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-6d6f14c6-ecef-39ae-929b-c06a4b25a0d6 { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-6d6f14c6-ecef-39ae-929b-c06a4b25a0d6 { padding-top: 30px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-6d6f14c6-ecef-39ae-929b-c06a4b25a0d6"></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-34b4681f-3fa9-3280-998b-0599edcda82b { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-34b4681f-3fa9-3280-998b-0599edcda82b:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-34b4681f-3fa9-3280-998b-0599edcda82b .outer-container { width: 83%; max-width: 1320px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-34b4681f-3fa9-3280-998b-0599edcda82b:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-34b4681f-3fa9-3280-998b-0599edcda82b .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-34b4681f-3fa9-3280-998b-0599edcda82b:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-34b4681f-3fa9-3280-998b-0599edcda82b .outer-container { width: 84%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-34b4681f-3fa9-3280-998b-0599edcda82b" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-ec1d8d07-8a61-34fd-8833-7ec20df97bd5 { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-ec1d8d07-8a61-34fd-8833-7ec20df97bd5 { padding-top: 59px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-ec1d8d07-8a61-34fd-8833-7ec20df97bd5 { padding-top: 28px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-ec1d8d07-8a61-34fd-8833-7ec20df97bd5"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-scroll> <div class="rte-container-47b65b1e-5d7f-3f0d-a60b-a78019cdd564 component-section-spacing beatsRTE"> <div class="font-updated" style="background-color: rgb(255,255,255);"> <p id="footnote-1" class="pdp-sml-body" style="color: gray; text-align: left;"><sup>1</sup> Works with compatible Beats headphones. Find My Beats requires an iPhone or iPod touch with iOS 14.5 or later, iPad with iPadOS 14.5 or later, or Mac with macOS Big Sur 11.3 or later. Customers must have an Apple ID and be signed into their iCloud account with Find My enabled.</p> <p id="footnote-2" class="pdp-sml-body" style="color: gray; text-align: left;"><sup>2</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/hk/en/promo" aria-label="Apple music offer terms | Opens in new window" target="_blank" style="font-size: 0.75rem; 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-4982fe2b-4460-3fbb-9be3-8b677c2216a6 { padding-top: 0px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-4982fe2b-4460-3fbb-9be3-8b677c2216a6 { padding-top: 0px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-4982fe2b-4460-3fbb-9be3-8b677c2216a6 { padding-top: 50px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-4982fe2b-4460-3fbb-9be3-8b677c2216a6"></section> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> </div>  <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-5a71bb9a-04d9-335e-bb92-985b70abe472 { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-5a71bb9a-04d9-335e-bb92-985b70abe472 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-5a71bb9a-04d9-335e-bb92-985b70abe472 { padding-top: 20px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-5a71bb9a-04d9-335e-bb92-985b70abe472"></section> </div> <div class="fullWidthBgContainerV2 parsys"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-2495391a-d87e-3684-a5a7-f524b1751c4a { background: #161616; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-2495391a-d87e-3684-a5a7-f524b1751c4a:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-2495391a-d87e-3684-a5a7-f524b1751c4a .outer-container { width: 100%; max-width: 1200px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-2495391a-d87e-3684-a5a7-f524b1751c4a:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-2495391a-d87e-3684-a5a7-f524b1751c4a .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-2495391a-d87e-3684-a5a7-f524b1751c4a:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-2495391a-d87e-3684-a5a7-f524b1751c4a .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-2495391a-d87e-3684-a5a7-f524b1751c4a" data-desktop-bg-color="#161616"> <div class="outer-container"> <div class="content-container"> <div><div class="InlineEmailSignUp section"> <div id="newsletter" class="inline-form inline-form--dark inline-form--dark-a20732e3-75ef-3c98-ad3b-92c9a72b6019" 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-a20732e3-75ef-3c98-ad3b-92c9a72b6019" 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-a20732e3-75ef-3c98-ad3b-92c9a72b6019"> <span class="b-touch-area"></span> I want to receive emails containing Beats product updates, special offers, and occasional survey invites. </label> <span class="visuallyhidden">Error:</span> <span class="b-error" id="newsletter-optin-error"> Please check this required field. </span> </div> <input type="hidden" name="newsletter--optinId" value="2"/> </div> <div class="b-form-el form--center"> <button class="b-button" type="submit"> Sign Up </button> </div> <div class="form-error b-error b-error--visible"> <div class="form--center"> Submission Error - Please resubmit or try again at a later time. </div> </div> </div> </div> </form> <div class="inline-form__success" tabindex="-1"> <i class="fa-thin fa-hand-peace fa-shake" style="--fa-animation-duration: 3s;"></i> <br/> <div class="inline-form__success__copy"> <div class="show-desktop"><p style="margin: 0;">You’re in.</p> <p style="margin: 0;">Check your inbox soon.</p></div> <div class="show-tablet"><p style="margin: 0;">You’re in.</p> <p style="margin: 0;">Check your inbox soon.</p></div> <div class="show-mobile"><p style="margin: 0;">You’re in.</p> <p style="margin: 0;">Check your inbox soon.</p></div> </div> </div> <div class="inline-form__error"> <p>Submission Error - Please resubmit or try again at a later time.</p> </div> </div></div> </div> </div> </div> </section> </div> <div id="footercontent"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="footerColumn"> <footer class="footer" role="contentinfo"> <div class="footer-content" data-analytics-scroll="" data-analytics-module="footer" data-analytics-region="global-footer">  <div class="layout-grid-sm-1 layout-grid-lg-4"> <div class=" "> <div class="linksList parbase section"> <div data-analytics-module="footer" data-analytics-region="footer-products"> <h2 id="footer-Products" class="hide-sm hide-md">Products</h2> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h2 id="footer-Products-mobile">Products</h2> <i class="fa-sharp fa-solid fa-chevron-down"></i> </button> <nav role="navigation" aria-labelledby="footer-Products" class="bbd-component accordion__content"> <ul role="presentation"> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|View All" href="/hk/products" class="footer-link">View All</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats iPhone Cases" href="/hk/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="/hk/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="/hk/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="/hk/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="/hk/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="/hk/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="/hk/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="/hk/earbuds/beats-flex" class="footer-link">Beats Flex</a></li> </ul> </nav> </div> </div> </div> <div class=" "> <div class="linksList parbase section"> <div data-analytics-module="footer" data-analytics-region="footer-support"> <h2 id="footer-Support" class="hide-sm hide-md">Support</h2> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h2 id="footer-Support-mobile">Support</h2> <i class="fa-sharp fa-solid fa-chevron-down"></i> </button> <nav role="navigation" aria-labelledby="footer-Support" class="bbd-component accordion__content"> <ul role="presentation"> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Downloads" href="/hk/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="/hk/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-hk/beats/repair" class="footer-link">Service & Warranty</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Register" href="/hk/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-hk/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="/hk/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="/hk/support/international-numbers" class="footer-link">International Numbers</a></li> </ul> </nav> </div> </div> </div> <div class=" "> <div class="linksList parbase section"> <div data-analytics-module="footer" data-analytics-region="footer-company"> <h2 id="footer-Company" class="hide-sm hide-md">Company</h2> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h2 id="footer-Company-mobile">Company</h2> <i class="fa-sharp fa-solid fa-chevron-down"></i> </button> <nav role="navigation" aria-labelledby="footer-Company" class="bbd-component accordion__content"> <ul role="presentation"> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|About" href="/hk/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/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"> <h2 id="footer-Legal" class="hide-sm hide-md">Legal</h2> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h2 id="footer-Legal-mobile">Legal</h2> <i class="fa-sharp fa-solid fa-chevron-down"></i> </button> <nav role="navigation" aria-labelledby="footer-Legal" class="bbd-component accordion__content"> <ul role="presentation"> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Terms of Use" href="/hk/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="/hk/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="/hk/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="/hk/company/promotion-terms" class="footer-link">Promotion Terms</a></li> </ul> </nav> </div> </div> </div> <div class="footer__last-section"> <div class="footer__location"> <h2 class="footerDirectoryTitle">Location</h2> <ul role="presentation" class="bbd-component" data-analytics-module="footer" data-analytics-region="footer-social-media-country-selector">  <li> <a data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="Footer|Country Region Selector" href="/country-region-selector.modal" id="countrySelector" class="location-selector modal__trigger" data-link="true" role="button" data-countryselectionurl="/country-region-selector.modal"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_506_933)"> <path d="M12 22.5C12.7828 22.5 13.8937 21.825 14.9016 19.8141C15.3656 18.8859 15.7547 17.7656 16.0312 16.5H7.96875C8.24531 17.7656 8.63438 18.8859 9.09844 19.8141C10.1063 21.825 11.2172 22.5 12 22.5ZM7.70156 15H16.2984C16.4297 14.0531 16.5 13.0453 16.5 12C16.5 10.9547 16.4297 9.94687 16.2984 9H7.70156C7.57031 9.94687 7.5 10.9547 7.5 12C7.5 13.0453 7.57031 14.0531 7.70156 15ZM7.96875 7.5H16.0312C15.7547 6.23438 15.3656 5.11406 14.9016 4.18594C13.8937 2.175 12.7828 1.5 12 1.5C11.2172 1.5 10.1063 2.175 9.09844 4.18594C8.63438 5.11406 8.24531 6.23438 7.96875 7.5ZM17.8125 9C17.9344 9.96094 18 10.9641 18 12C18 13.0359 17.9344 14.0391 17.8125 15H22.0687C22.35 14.0484 22.5047 13.0406 22.5047 12C22.5047 10.9594 22.3547 9.95156 22.0687 9H17.8125ZM21.4922 7.5C20.2781 4.94531 18.0656 2.95781 15.3563 2.04844C16.3406 3.375 17.1187 5.27344 17.5687 7.5H21.4969H21.4922ZM6.44062 7.5C6.89062 5.26875 7.66875 3.375 8.65313 2.04844C5.93906 2.95781 3.72187 4.94531 2.5125 7.5H6.43594H6.44062ZM1.94063 9C1.65938 9.95156 1.50469 10.9594 1.50469 12C1.50469 13.0406 1.65469 14.0484 1.94063 15H6.1875C6.06563 14.0391 6 13.0359 6 12C6 10.9641 6.06563 9.96094 6.1875 9H1.93594H1.94063ZM15.3516 21.9516C18.0609 21.0375 20.2734 19.0547 21.4875 16.5H17.5641C17.1141 18.7313 16.3359 20.625 15.3516 21.9516ZM8.64844 21.9516C7.66406 20.625 6.89062 18.7266 6.43594 16.5H2.5125C3.72656 19.0547 5.93906 21.0422 8.64844 21.9516ZM12 24C8.8174 24 5.76516 22.7357 3.51472 20.4853C1.26428 18.2348 0 15.1826 0 12C0 8.8174 1.26428 5.76516 3.51472 3.51472C5.76516 1.26428 8.8174 0 12 0C15.1826 0 18.2348 1.26428 20.4853 3.51472C22.7357 5.76516 24 8.8174 24 12C24 15.1826 22.7357 18.2348 20.4853 20.4853C18.2348 22.7357 15.1826 24 12 24Z" fill="#161616"/> </g> <defs> <clipPath id="clip0_506_933"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <span class="footer__country__selected">Hong Kong</span> <span class="separator" aria-hidden="true">|</span> Change <span class="a11y">your country or region</span> </a> </li> </ul> </div> <div class="footer__social"> <h2 id="footerBeatsArmy" class="hide-sm hide-md">Follow Us</h2> <nav class="bbd-component" role="navigation" aria-labelledby="footerBeatsArmy" data-analytics-module="footer" data-analytics-region="footer-social-media-country-selector"> <ul role="presentation" class="social social--spaced-row" id="footer-social-army"> <li> <a data-analytics-click data-analytics-link-type="socialFollow" data-analytics-label="footer|youku" href="https://i.youku.com/beatsbydre" target="_blank"> <img data-resp-exclude src="/content/dam/beats/global/youku-gray.png" alt=""/> <span class="a11y">Youku (Opens in a new window)</span> </a> </li> <li> <a data-analytics-click data-analytics-link-type="socialFollow" data-analytics-label="footer|weibo" href="https://www.weibo.com/beatsbydrechina" target="_blank"> <i class="fa fa-weibo"></i> <span class="a11y">weibo (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|instagram" href="https://www.instagram.com/beatsbydre" target="_blank"> <i class="fa fa-instagram"></i> <span class="a11y">Instagram (Opens in a new window)</span> </a> </li> </ul> </nav> </div> </div> </div> <div class="copyright"> <p> Copyright © 2024 Apple Inc. - All rights reserved. </p> </div> </footer> <span class="a11y" id="status" aria-live="polite"></span> </div> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-b4632e5a-fba0-328a-9e3a-0196eb790fc0 { padding-top: 0px; background-color: #FFFFFF; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-b4632e5a-fba0-328a-9e3a-0196eb790fc0 { padding-top: 0px; background-color: #FFFFFF; }} @media screen and (max-width: 767px) { .spacing-b4632e5a-fba0-328a-9e3a-0196eb790fc0 { padding-top: 7px; background-color: #FFFFFF; }} </style> <section class="bbd-component generic-spacing spacing-b4632e5a-fba0-328a-9e3a-0196eb790fc0"></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'; var explore_exploreTagUrl = '\/hk\/stories\/REPLACEME'; var isRcTileRenderable = 'true'; var isAuthorMode = 'false'; var pageType = 'page\u002Dfeaturedetails'; var homepageUrl = '\/hk'; var countryCode = 'hk'; var beatsSearchJsonPath = '\/hk\/search.beatssearch.json?q=REPLACEME\x26limit=\u002D1'; var featuredSearch = '\/hk\/search.featured.json%20'; var stripHtmlExtension = 'true'; var beatsSearchSuggestionJsonPath = '\/hk\/search.beatssuggestions.json?q=REPLACEME\x26locale=en'; var searchConfig = '\/hk\/search.config.json%20'; var partNumbersList = ''; var pageTrackData = '{\x22content\x22:{\x22pageName\x22:\x22home\x22,\x22siteSection\x22:\x22root\x22,\x22siteSectionSub1\x22:\x22\x22,\x22siteSectionSub2\x22:\x22\x22,\x22siteSectionSub3\x22:\x22\x22,\x22siteName\x22:\x22Beatsbydre\u002DHK\x22,\x22pageType\x22:\x22home\x22,\x22contentType\x22:\x22navigation\x22,\x22language\x22:\x22en\x22,\x22country\x22:\x22HK\x22,\x22contentCategories\x22:\x22\x22}}'; var articlePublishDate = ''; var localeCountryKey = locale; if(locale == 'en'){ if(countryCode != 'ww-global'){ localeCountryKey = localeCountryKey+'_'+countryCode.toUpperCase(); } else { localeCountryKey = localeCountryKey+'_US'; } } nameValuePairs = JSON.parse(nameValuePairs); pageTrackData = JSON.parse(pageTrackData); </script> <script src="/etc.clientlibs/beats/clientlibs/site/libExternal.min.js"></script> <script src="/etc.clientlibs/beats/clientlibs/site/base.min.js"></script> <script src="/etc.clientlibs/beats/clientlibs/site/pdpPage.min.js"></script> <script src="/etc.clientlibs/beats/clientlibs/site/featurePage.min.js"></script>  </body> </html>

CINXE.COM

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