{"product_id":"portable-rgb-bluetooth-speaker-with-magnetic","title":"Portable RGB Bluetooth Speaker with Magnetic Phone Stand","description":"\u003c!-- ========================================================= RGB MAGNETIC MINI BLUETOOTH SPEAKER SHOPIFY A+ PRODUCT BODY HTML  Desktop + Tablet + Mobile Optimized  DESIGN: Black \/ Deep Navy \/ Electric Blue \/ RGB Magenta \/ Cyan  FINAL IMAGE ORDER: 01 Small Speaker. Big Experience. 02 Magnetic Play - Attach and Play 03 360 Degree Omnidirectional Sound 04 5 RGB Light Modes 05 Bluetooth + TF Card Playback 06 TWS Stereo Pairing 07 74g Portable \/ Magnetic \/ Lanyard \/ Clip 08 Home \/ Office \/ Travel \/ Outdoors  REPLACE: IMAGE_01_URL ~ IMAGE_08_URL WITH SHOPIFY CDN URLS ========================================================= --\u003e \u003cstyle\u003e  .rgb-speaker-a10{    --sp-black:#080a0f;   --sp-black2:#0d1119;   --sp-navy:#101829;   --sp-navy2:#15253d;    --sp-blue:#139ee8;   --sp-cyan:#18d7ff;   --sp-purple:#8e46f5;   --sp-magenta:#ef36b5;   --sp-pink:#ff3f87;   --sp-yellow:#ffd84d;    --sp-white:#ffffff;   --sp-offwhite:#f5f7fa;    --sp-text:#d8dce4;   --sp-muted:#9ca7b6;    --sp-light-text:#373d46;   --sp-light-muted:#69717c;    --sp-line:rgba(79,191,255,.20);   --sp-line-light:#dce3e9;    --sp-shadow:     0 16px 38px rgba(5,15,30,.18);    width:100%;   max-width:920px;    margin:0 auto;   padding:0 8px 52px;    font-family:     -apple-system,     BlinkMacSystemFont,     'Segoe UI',     Roboto,     Helvetica,     Arial,     sans-serif;    color:var(--sp-white)!important;    line-height:1.62;    -webkit-font-smoothing:antialiased;   text-rendering:optimizeLegibility;    overflow:hidden;    word-break:normal;   overflow-wrap:break-word;    -webkit-text-size-adjust:100%;   text-size-adjust:100%; }   .rgb-speaker-a10, .rgb-speaker-a10 *, .rgb-speaker-a10 *:before, .rgb-speaker-a10 *:after{   box-sizing:border-box; }   .rgb-speaker-a10 h1, .rgb-speaker-a10 h2, .rgb-speaker-a10 h3, .rgb-speaker-a10 h4, .rgb-speaker-a10 p{   max-width:100%;   overflow-wrap:break-word; }   .rgb-speaker-a10 h2, .rgb-speaker-a10 h3, .rgb-speaker-a10 p{   margin-top:0; }   .rgb-speaker-a10 p{   margin-bottom:0;   font-size:17px;   line-height:1.66; }   .rgb-speaker-a10 img{    display:block;    width:100%!important;   max-width:100%!important;   height:auto!important;    margin:0!important;    object-fit:contain;    border:0;   border-radius:20px;    box-shadow:var(--sp-shadow); }    \/* ========================================================= SECTION SYSTEM ========================================================= *\/  .rgb-speaker-a10 .sp-section{    position:relative;    margin:20px 0;   padding:38px 26px;    overflow:hidden;    border-radius:24px;    border:1px solid var(--sp-line);    background:var(--sp-black); }   .rgb-speaker-a10 .sp-dark{    background:     radial-gradient(       circle at 92% 5%,       rgba(75,31,180,.26),       transparent 30%     ),     radial-gradient(       circle at 8% 90%,       rgba(0,153,255,.15),       transparent 30%     ),     linear-gradient(       145deg,       #07090d 0%,       #111626 100%     ); }   .rgb-speaker-a10 .sp-blue{    background:     radial-gradient(       circle at 90% 9%,       rgba(15,161,245,.26),       transparent 30%     ),     radial-gradient(       circle at 10% 90%,       rgba(133,48,235,.20),       transparent 30%     ),     linear-gradient(       145deg,       #08101d 0%,       #101b31 100%     ); }   .rgb-speaker-a10 .sp-purple{    background:     radial-gradient(       circle at 90% 5%,       rgba(222,38,201,.23),       transparent 31%     ),     linear-gradient(       145deg,       #0c0c17 0%,       #18102a 100%     ); }   .rgb-speaker-a10 .sp-light{    border-color:#e1e5e9;    background:     radial-gradient(       circle at 91% 5%,       rgba(60,172,240,.09),       transparent 32%     ),     linear-gradient(       145deg,       #ffffff 0%,       #f1f4f7 100%     );    color:#12161c!important; }   .rgb-speaker-a10 .sp-center{   text-align:center; }   .rgb-speaker-a10 .sp-eyebrow{    margin-bottom:10px;    color:var(--sp-cyan)!important;    font-size:12px;   font-weight:900;   line-height:1.3;    letter-spacing:1.8px;    text-transform:uppercase; }   .rgb-speaker-a10 .sp-light .sp-eyebrow{   color:#087fc1!important; }   .rgb-speaker-a10 .sp-title{    max-width:820px;    margin:0 auto 13px!important;    color:#fff!important;    font-family:     'Arial Narrow',     'Roboto Condensed',     Impact,     Haettenschweiler,     'Franklin Gothic Condensed',     Arial,     sans-serif;    font-size:40px;   font-weight:900;   line-height:1.06;    letter-spacing:-.02em;    text-transform:uppercase; }   .rgb-speaker-a10 .sp-light .sp-title{   color:#0c1015!important; }   .rgb-speaker-a10 .sp-accent{    color:var(--sp-cyan)!important; }   .rgb-speaker-a10 .sp-gradient-text{    background:     linear-gradient(       90deg,       #11c8ff 0%,       #526dff 28%,       #d637ef 60%,       #ff3d8d 100%     );    -webkit-background-clip:text;   background-clip:text;    color:transparent!important; }   .rgb-speaker-a10 .sp-subtitle{    max-width:720px;    margin:0 auto!important;    color:var(--sp-muted)!important;    font-size:17px;   line-height:1.65; }   .rgb-speaker-a10 .sp-light .sp-subtitle{   color:var(--sp-light-muted)!important; }   .rgb-speaker-a10 .sp-media{   margin-top:24px; }    \/* ========================================================= HERO ========================================================= *\/  .rgb-speaker-a10 .sp-hero{    padding:32px 24px 27px;    text-align:center;    background:     radial-gradient(       circle at 9% 90%,       rgba(10,142,255,.28),       transparent 34%     ),     radial-gradient(       circle at 87% 12%,       rgba(224,38,190,.22),       transparent 34%     ),     linear-gradient(       145deg,       #05070b 0%,       #111322 100%     ); }   .rgb-speaker-a10 .sp-hero .sp-title{    max-width:800px;    font-size:47px; }   .rgb-speaker-a10 .sp-hero-copy{    max-width:700px;    margin:0 auto 23px!important;    color:#c8ced8!important;    font-size:18px;   line-height:1.65; }    \/* ========================================================= QUICK BENEFITS ========================================================= *\/  .rgb-speaker-a10 .sp-quick-grid{    display:grid;    grid-template-columns:     repeat(5,minmax(0,1fr));    gap:9px;    margin:0 0 24px; }   .rgb-speaker-a10 .sp-quick{    min-width:0;   min-height:92px;    display:flex;   flex-direction:column;    align-items:center;   justify-content:center;    padding:14px 7px;    border-radius:16px;    border:1px solid rgba(84,193,255,.22);    background:rgba(255,255,255,.055); }   .rgb-speaker-a10 .sp-quick-icon{    width:39px;   height:39px;    display:flex;   align-items:center;   justify-content:center;    margin-bottom:7px;    border-radius:50%;    border:1px solid #22bfff;    color:#22d6ff!important;    font-size:13px;   font-weight:900; }   .rgb-speaker-a10 .sp-quick:nth-child(2) .sp-quick-icon{   border-color:#655cff;   color:#796cff!important; }   .rgb-speaker-a10 .sp-quick:nth-child(3) .sp-quick-icon{   border-color:#ed3bc5;   color:#ed3bc5!important; }   .rgb-speaker-a10 .sp-quick:nth-child(4) .sp-quick-icon{   border-color:#ff8a24;   color:#ff9b31!important; }   .rgb-speaker-a10 .sp-quick:nth-child(5) .sp-quick-icon{   border-color:#7ede2c;   color:#86e538!important; }   .rgb-speaker-a10 .sp-quick strong{    color:#fff!important;    font-size:12px;   font-weight:800;   line-height:1.3;    text-align:center;    text-transform:uppercase; }    \/* ========================================================= SPLIT MODULE ========================================================= *\/  .rgb-speaker-a10 .sp-split{    display:grid;    grid-template-columns:     minmax(0,1fr)     minmax(0,1fr);    gap:30px;    align-items:center; }   .rgb-speaker-a10 .sp-split.sp-reverse .sp-copy{   order:2; }   .rgb-speaker-a10 .sp-split.sp-reverse .sp-visual{   order:1; }   .rgb-speaker-a10 .sp-copy, .rgb-speaker-a10 .sp-visual{   min-width:0; }   .rgb-speaker-a10 .sp-copy h3{    margin:0 0 12px!important;    color:#fff!important;    font-family:     'Arial Narrow',     'Roboto Condensed',     Impact,     Haettenschweiler,     Arial,     sans-serif;    font-size:32px;   font-weight:900;   line-height:1.08;    text-transform:uppercase; }   .rgb-speaker-a10 .sp-light .sp-copy h3{   color:#11151a!important; }   .rgb-speaker-a10 .sp-copy p{    color:var(--sp-muted)!important;    font-size:17px;   line-height:1.7; }   .rgb-speaker-a10 .sp-light .sp-copy p{   color:var(--sp-light-muted)!important; }    \/* ========================================================= BULLETS ========================================================= *\/  .rgb-speaker-a10 .sp-bullets{    margin:18px 0 0;   padding:0;    list-style:none; }   .rgb-speaker-a10 .sp-bullets li{    position:relative;    margin:10px 0;   padding-left:29px;    color:#d5dae3!important;    font-size:15px;   line-height:1.55; }   .rgb-speaker-a10 .sp-light .sp-bullets li{   color:#414850!important; }   .rgb-speaker-a10 .sp-bullets li:before{    content:'';    position:absolute;    left:0;   top:3px;    width:19px;   height:19px;    border-radius:50%;    background:     linear-gradient(       135deg,       var(--sp-blue),       var(--sp-magenta)     ); }   .rgb-speaker-a10 .sp-bullets li:after{    content:'';    position:absolute;    left:6px;   top:7px;    width:7px;   height:4px;    border-left:2px solid #fff;   border-bottom:2px solid #fff;    transform:rotate(-45deg); }    \/* ========================================================= FEATURE GRID ========================================================= *\/  .rgb-speaker-a10 .sp-feature-grid{    display:grid;    grid-template-columns:     repeat(3,minmax(0,1fr));    gap:11px;    margin-top:22px; }   .rgb-speaker-a10 .sp-feature{    min-width:0;    padding:18px 14px;    text-align:center;    border-radius:17px;    border:1px solid rgba(70,188,255,.20);    background:rgba(255,255,255,.05); }   .rgb-speaker-a10 .sp-light .sp-feature{    border-color:#dbe4eb;   background:#fff; }   .rgb-speaker-a10 .sp-feature-icon{    width:43px;   height:43px;    display:flex;   align-items:center;   justify-content:center;    margin:0 auto 10px;    border-radius:50%;    background:     linear-gradient(       135deg,       rgba(14,162,238,.22),       rgba(221,47,201,.22)     );    border:1px solid rgba(44,195,255,.40);    color:var(--sp-cyan)!important;    font-size:13px;   font-weight:900; }   .rgb-speaker-a10 .sp-feature strong{    display:block;    margin-bottom:5px;    color:#fff!important;    font-size:14px;   font-weight:900;    line-height:1.35;    text-transform:uppercase; }   .rgb-speaker-a10 .sp-light .sp-feature strong{   color:#171b20!important; }   .rgb-speaker-a10 .sp-feature span{    display:block;    color:var(--sp-muted)!important;    font-size:13px;   line-height:1.45; }   .rgb-speaker-a10 .sp-light .sp-feature span{   color:var(--sp-light-muted)!important; }    \/* ========================================================= RGB MODE PILLS ========================================================= *\/  .rgb-speaker-a10 .sp-rgb-grid{    display:grid;    grid-template-columns:     repeat(5,minmax(0,1fr));    gap:8px;    margin-top:22px; }   .rgb-speaker-a10 .sp-rgb{    padding:14px 8px;    text-align:center;    border-radius:15px;    border:1px solid rgba(255,255,255,.12);    background:rgba(255,255,255,.05); }   .rgb-speaker-a10 .sp-rgb-dot{    width:35px;   height:35px;    margin:0 auto 8px;    border-radius:50%;    background:     conic-gradient(       #12dfff,       #383cff,       #ef32c4,       #ff4a6e,       #ffd833,       #39ef83,       #12dfff     );    position:relative; }   .rgb-speaker-a10 .sp-rgb-dot:after{    content:'';    position:absolute;    inset:8px;    border-radius:50%;    background:#11131c; }   .rgb-speaker-a10 .sp-rgb strong{    display:block;    color:#fff!important;    font-size:11px;   line-height:1.3;    text-transform:uppercase; }    \/* ========================================================= PLAYBACK CARDS ========================================================= *\/  .rgb-speaker-a10 .sp-mode-grid{    display:grid;    grid-template-columns:     repeat(2,minmax(0,1fr));    gap:12px;    margin-top:21px; }   .rgb-speaker-a10 .sp-mode{    padding:20px 17px;    border-radius:18px;    border:1px solid #d9e2e9;    background:#fff; }   .rgb-speaker-a10 .sp-mode-label{    display:inline-block;    margin-bottom:8px;    color:#078cd1!important;    font-size:13px;   font-weight:900;    text-transform:uppercase; }   .rgb-speaker-a10 .sp-mode strong{    display:block;    margin-bottom:5px;    color:#12161a!important;    font-size:17px;   font-weight:900; }   .rgb-speaker-a10 .sp-mode span{    display:block;    color:#69727c!important;    font-size:14px;   line-height:1.5; }    \/* ========================================================= TWS ========================================================= *\/  .rgb-speaker-a10 .sp-tws{    display:grid;    grid-template-columns:     repeat(3,minmax(0,1fr));    gap:10px;    margin-top:21px; }   .rgb-speaker-a10 .sp-tws-card{    padding:17px 12px;    text-align:center;    border-radius:16px;    background:rgba(255,255,255,.055);    border:1px solid rgba(45,190,255,.18); }   .rgb-speaker-a10 .sp-tws-card strong{    display:block;    color:#fff!important;    font-size:14px;   font-weight:900;    text-transform:uppercase; }   .rgb-speaker-a10 .sp-tws-card span{    display:block;    margin-top:4px;    color:var(--sp-muted)!important;    font-size:12px; }    \/* ========================================================= PORTABILITY ========================================================= *\/  .rgb-speaker-a10 .sp-portable-grid{    display:grid;    grid-template-columns:     repeat(4,minmax(0,1fr));    gap:9px;    margin-top:22px; }   .rgb-speaker-a10 .sp-portable{    padding:16px 9px;    text-align:center;    border-radius:15px;    background:rgba(255,255,255,.06);    border:1px solid rgba(62,187,255,.20); }   .rgb-speaker-a10 .sp-portable strong{    display:block;    color:#fff!important;    font-size:13px;   font-weight:900; }   .rgb-speaker-a10 .sp-portable span{    display:block;    margin-top:4px;    color:var(--sp-muted)!important;    font-size:12px; }    \/* ========================================================= USE CASE TAGS ========================================================= *\/  .rgb-speaker-a10 .sp-tag-wrap{    display:flex;   flex-wrap:wrap;    justify-content:center;    gap:8px;    margin-top:21px; }   .rgb-speaker-a10 .sp-tag{    padding:9px 15px;    border-radius:999px;    border:1px solid rgba(43,190,255,.30);    background:rgba(255,255,255,.06);    color:#eefaff!important;    font-size:13px;   font-weight:800; }    \/* ========================================================= PRODUCT DETAILS ========================================================= *\/  .rgb-speaker-a10 .sp-specs{    max-width:780px;    margin:23px auto 0;    overflow:hidden;    border-radius:19px;    border:1px solid #d9e2e9;    background:#fff; }   .rgb-speaker-a10 .sp-spec-row{    display:grid;    grid-template-columns:     205px 1fr;    border-bottom:1px solid #e5eaee; }   .rgb-speaker-a10 .sp-spec-row:last-child{   border-bottom:0; }   .rgb-speaker-a10 .sp-spec-label, .rgb-speaker-a10 .sp-spec-value{    padding:14px 16px;    font-size:14px; }   .rgb-speaker-a10 .sp-spec-label{    background:#f2f7fa;    color:#087bb6!important;    font-weight:900; }   .rgb-speaker-a10 .sp-spec-value{   color:#444c55!important; }    \/* ========================================================= NOTE ========================================================= *\/  .rgb-speaker-a10 .sp-note{    max-width:760px;    margin:18px auto 0;    padding:15px 17px;    border-left:4px solid var(--sp-blue);   border-radius:0 12px 12px 0;    background:#eef8fd;    color:#4e5963!important;    font-size:14px;   line-height:1.6; }    \/* ========================================================= FAQ ========================================================= *\/  .rgb-speaker-a10 .sp-faq{    max-width:780px;    margin:22px auto 0; }   .rgb-speaker-a10 details{    margin:10px 0;    overflow:hidden;    border-radius:15px;    border:1px solid rgba(60,188,255,.20);    background:rgba(255,255,255,.055); }   .rgb-speaker-a10 summary{    position:relative;    cursor:pointer;    padding:16px 47px 16px 18px;    color:#fff!important;    font-size:15px;   font-weight:800;   line-height:1.4;    list-style:none; }   .rgb-speaker-a10 summary::-webkit-details-marker{   display:none; }   .rgb-speaker-a10 summary:after{    content:'+';    position:absolute;    top:50%;   right:18px;    transform:translateY(-50%);    color:var(--sp-cyan);    font-size:22px;   font-weight:800; }   .rgb-speaker-a10 details[open] summary:after{   content:'-'; }   .rgb-speaker-a10 .sp-faq-answer{    padding:0 18px 17px;    color:var(--sp-muted)!important;    font-size:14px;   line-height:1.65; }    \/* ========================================================= FINAL CTA ========================================================= *\/  .rgb-speaker-a10 .sp-cta{    padding:43px 26px;    text-align:center;    border:1px solid rgba(64,193,255,.22);    background:     radial-gradient(       circle at 10% 90%,       rgba(8,177,255,.30),       transparent 35%     ),     radial-gradient(       circle at 90% 9%,       rgba(230,36,186,.25),       transparent 34%     ),     linear-gradient(       145deg,       #06090e 0%,       #14162a 100%     ); }   .rgb-speaker-a10 .sp-cta .sp-title{   color:#fff!important; }   .rgb-speaker-a10 .sp-cta p{    max-width:680px;    margin:0 auto!important;    color:#cfd4dd!important;    font-size:17px; }   .rgb-speaker-a10 .sp-cta-note{    display:inline-block;    margin-top:19px;    padding:10px 19px;    border-radius:999px;    border:1px solid rgba(74,204,255,.40);    color:#e5f9ff!important;    font-size:13px;   font-weight:800; }    \/* ========================================================= DESKTOP ========================================================= *\/  @media(min-width:990px){    .rgb-speaker-a10{      padding-left:8px;     padding-right:8px;   }     .rgb-speaker-a10 .sp-section{     padding:38px 30px;   }     .rgb-speaker-a10 .sp-split{     gap:32px;   }     .rgb-speaker-a10 .sp-title{     font-size:40px;   }     .rgb-speaker-a10 .sp-hero .sp-title{     font-size:47px;   }  }    \/* ========================================================= TABLET ========================================================= *\/  @media(min-width:750px) and (max-width:989px){    .rgb-speaker-a10{      max-width:100%;      padding-left:10px;     padding-right:10px;   }     .rgb-speaker-a10 .sp-section{     padding:32px 22px;   }     .rgb-speaker-a10 .sp-split{     gap:22px;   }     .rgb-speaker-a10 .sp-title{     font-size:34px;   }     .rgb-speaker-a10 .sp-hero .sp-title{     font-size:40px;   }     .rgb-speaker-a10 .sp-quick-grid{      grid-template-columns:       repeat(3,minmax(0,1fr));   }     .rgb-speaker-a10 .sp-rgb-grid{      grid-template-columns:       repeat(3,minmax(0,1fr));   }  }    \/* ========================================================= MOBILE ========================================================= *\/  @media(max-width:749px){    .rgb-speaker-a10{      width:100%;     max-width:100%;      margin:0 auto;      padding:0 6px 30px;   }     .rgb-speaker-a10 .sp-section{      width:100%;      margin:12px 0;     padding:25px 15px;      border-radius:18px;   }     .rgb-speaker-a10 img{     border-radius:14px;   }     \/* COPY FIRST \/ IMAGE SECOND *\/    .rgb-speaker-a10 .sp-split,   .rgb-speaker-a10 .sp-split.sp-reverse{      display:flex;     flex-direction:column;      gap:18px;   }     .rgb-speaker-a10 .sp-split .sp-copy,   .rgb-speaker-a10 .sp-split.sp-reverse .sp-copy{      order:1;      width:100%;   }     .rgb-speaker-a10 .sp-split .sp-visual,   .rgb-speaker-a10 .sp-split.sp-reverse .sp-visual{      order:2;      width:100%;   }     .rgb-speaker-a10 .sp-title{      font-size:29px;     line-height:1.1;   }     .rgb-speaker-a10 .sp-hero .sp-title{      font-size:33px;     line-height:1.08;   }     .rgb-speaker-a10 .sp-copy h3{      font-size:26px;     line-height:1.1;   }     .rgb-speaker-a10 .sp-subtitle,   .rgb-speaker-a10 .sp-copy p,   .rgb-speaker-a10 .sp-hero-copy{      font-size:16px;     line-height:1.65;   }     .rgb-speaker-a10 .sp-bullets li{      font-size:15px;     line-height:1.55;   }     .rgb-speaker-a10 .sp-quick-grid{      grid-template-columns:       repeat(2,minmax(0,1fr));      gap:8px;   }     .rgb-speaker-a10 .sp-quick{      min-height:82px;      padding:12px 7px;   }     .rgb-speaker-a10 .sp-feature-grid{      grid-template-columns:1fr;   }     .rgb-speaker-a10 .sp-rgb-grid{      grid-template-columns:       repeat(2,minmax(0,1fr));   }     .rgb-speaker-a10 .sp-mode-grid{     grid-template-columns:1fr;   }     .rgb-speaker-a10 .sp-tws{      grid-template-columns:1fr;   }     .rgb-speaker-a10 .sp-portable-grid{      grid-template-columns:       repeat(2,minmax(0,1fr));   }     .rgb-speaker-a10 .sp-spec-row{     display:block;   }     .rgb-speaker-a10 .sp-spec-label{      padding:12px 14px 4px;      font-size:14px;   }     .rgb-speaker-a10 .sp-spec-value{      padding:4px 14px 13px;      font-size:14px;     line-height:1.5;   }     .rgb-speaker-a10 summary{      padding:15px 44px 15px 15px;      font-size:14px;   }     .rgb-speaker-a10 .sp-faq-answer{      padding:0 15px 15px;      font-size:14px;   }     .rgb-speaker-a10 .sp-cta{     padding:32px 17px;   }  }    \/* ========================================================= SMALL PHONES ========================================================= *\/  @media(max-width:430px){    .rgb-speaker-a10{      padding-left:3px;     padding-right:3px;   }     .rgb-speaker-a10 .sp-section{     padding:22px 13px;   }     .rgb-speaker-a10 .sp-title{     font-size:27px;   }     .rgb-speaker-a10 .sp-hero .sp-title{     font-size:30px;   }     .rgb-speaker-a10 .sp-copy h3{     font-size:24px;   }     .rgb-speaker-a10 .sp-eyebrow{      font-size:11px;      letter-spacing:1.3px;   }  }  \u003c\/style\u003e \u003cdiv class=\"rgb-speaker-a10\" id=\"rgb-magnetic-mini-speaker-details\"\u003e \u003c!-- ========================================================= 01 HERO  IMAGE: SMALL SPEAKER. BIG EXPERIENCE.  SEARCH: 5W SOUND \/ 360 AUDIO \/ RGB \/ MAGNETIC \/ TWS \/ 74G ========================================================= --\u003e \u003csection class=\"sp-section sp-hero\"\u003e \u003cdiv class=\"sp-eyebrow\"\u003eCompact Sound. Colorful Experience.\u003c\/div\u003e \u003ch2 class=\"sp-title\"\u003eSMALL SPEAKER. \u003cspan class=\"sp-gradient-text\"\u003e BIG EXPERIENCE. \u003c\/span\u003e \u003c\/h2\u003e \u003cp class=\"sp-hero-copy\"\u003ePowerful 5W sound, colorful RGB lighting, 360-degree audio, magnetic convenience and portable design come together in one compact mini speaker.\u003c\/p\u003e \u003cp class=\"sp-hero-copy\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0998\/7758\/5195\/files\/928_a96b02b9-3daf-4aff-9ca7-283a291b78c2.png?v=1788342921\" alt=\"\"\u003e\u003c\/p\u003e \u003cdiv class=\"sp-quick-grid\"\u003e \u003cdiv class=\"sp-quick\"\u003e \u003cdiv class=\"sp-quick-icon\"\u003e5W\u003c\/div\u003e \u003cstrong\u003e Powerful Sound \u003c\/strong\u003e \u003c\/div\u003e \u003cdiv class=\"sp-quick\"\u003e \u003cdiv class=\"sp-quick-icon\"\u003e360\u003c\/div\u003e \u003cstrong\u003e 360 Audio \u003c\/strong\u003e \u003c\/div\u003e \u003cdiv class=\"sp-quick\"\u003e \u003cdiv class=\"sp-quick-icon\"\u003eRGB\u003c\/div\u003e \u003cstrong\u003e 5 Light Modes \u003c\/strong\u003e \u003c\/div\u003e \u003cdiv class=\"sp-quick\"\u003e \u003cdiv class=\"sp-quick-icon\"\u003eMAG\u003c\/div\u003e \u003cstrong\u003e Magnetic Stand \u003c\/strong\u003e \u003c\/div\u003e \u003cdiv class=\"sp-quick\"\u003e \u003cdiv class=\"sp-quick-icon\"\u003e74g\u003c\/div\u003e \u003cstrong\u003e Lightweight \u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cbr\u003e\u003c\/section\u003e \u003c!-- ========================================================= 02 MAGNETIC PLAY  IMAGE: MAGNETIC PLAY ATTACH AND PLAY  SEARCH: MAGNETIC SPEAKER \/ PHONE STAND \/ HANDS FREE \/ MAGNETIC MODULE ========================================================= --\u003e \u003csection class=\"sp-section sp-light\"\u003e \u003cdiv class=\"sp-split\"\u003e \u003cdiv class=\"sp-copy\"\u003e \u003cdiv class=\"sp-eyebrow\"\u003eSpeaker + Phone Stand In One\u003c\/div\u003e \u003ch3\u003eSnap On. \u003cspan class=\"sp-accent\"\u003e Press Play. \u003c\/span\u003e \u003c\/h3\u003e \u003cp\u003eThe built-in magnetic design lets the speaker attach to compatible magnetic phones or cases, turning it into a compact hands-free phone stand.\u003c\/p\u003e \u003cul class=\"sp-bullets\"\u003e \u003cli\u003eBuilt-in magnetic attachment\u003c\/li\u003e \u003cli\u003eSpeaker and phone stand in one\u003c\/li\u003e \u003cli\u003eUseful for music, videos and calls\u003c\/li\u003e \u003cli\u003eQuick attach-and-use design\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"sp-visual\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0998\/7758\/5195\/files\/922_10e4eefc-0bd4-4cf5-a583-c03184e59d67.png?v=1788342466\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- ========================================================= 03 360 SOUND  IMAGE: 360 OMNIDIRECTIONAL SURROUND SOUND  SEARCH: 40MM DRIVER \/ 5W OUTPUT \/ 360 DEGREE SOUND \/ OMNIDIRECTIONAL ========================================================= --\u003e \u003csection class=\"sp-section sp-blue\"\u003e \u003cdiv class=\"sp-center\"\u003e \u003cdiv class=\"sp-eyebrow\"\u003eRich Sound From Every Angle\u003c\/div\u003e \u003ch2 class=\"sp-title\"\u003e360-DEGREE \u003cspan class=\"sp-accent\"\u003e OMNIDIRECTIONAL AUDIO. \u003c\/span\u003e \u003c\/h2\u003e \u003cp class=\"sp-subtitle\"\u003eA 40mm full-range driver and 5W output are designed to deliver clear, balanced audio in a compact speaker.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sp-feature-grid\"\u003e \u003cdiv class=\"sp-feature\"\u003e \u003cdiv class=\"sp-feature-icon\"\u003e40\u003c\/div\u003e \u003cstrong\u003e 40mm Driver \u003c\/strong\u003e \u003cspan\u003e Full-range speaker driver for everyday listening. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sp-feature\"\u003e \u003cdiv class=\"sp-feature-icon\"\u003e5W\u003c\/div\u003e \u003cstrong\u003e 5W Output \u003c\/strong\u003e \u003cspan\u003e Compact size with practical sound output. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sp-feature\"\u003e \u003cdiv class=\"sp-feature-icon\"\u003e360\u003c\/div\u003e \u003cstrong\u003e 360 Sound \u003c\/strong\u003e \u003cspan\u003e Omnidirectional design helps spread sound around the speaker. \u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sp-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0998\/7758\/5195\/files\/923_b9f775f8-e05f-432f-9969-112a264bf36f.png?v=1788342477\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/section\u003e \u003c!-- ========================================================= 04 RGB LIGHT MODES  IMAGE: 5 LIGHT MODES COLORFUL LIGHT EFFECTS  SEARCH: RGB \/ 5 LIGHT MODES \/ FLOWING COLOR \/ FLASH \/ BREATHING \/ GRADIENT ========================================================= --\u003e \u003csection class=\"sp-section sp-purple\"\u003e \u003cdiv class=\"sp-center\"\u003e \u003cdiv class=\"sp-eyebrow\"\u003eSound You Can See\u003c\/div\u003e \u003ch2 class=\"sp-title\"\u003eLIGHT UP \u003cspan class=\"sp-gradient-text\"\u003e EVERY BEAT. \u003c\/span\u003e \u003c\/h2\u003e \u003cp class=\"sp-subtitle\"\u003eSwitch between five colorful lighting effects to add more atmosphere to music, gaming, desk setups and evenings.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sp-rgb-grid\"\u003e \u003cdiv class=\"sp-rgb\"\u003e \u003cdiv class=\"sp-rgb-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cstrong\u003eFlowing Colors\u003c\/strong\u003e \u003c\/div\u003e \u003cdiv class=\"sp-rgb\"\u003e \u003cdiv class=\"sp-rgb-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cstrong\u003eSeven-Color Flash\u003c\/strong\u003e \u003c\/div\u003e \u003cdiv class=\"sp-rgb\"\u003e \u003cdiv class=\"sp-rgb-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cstrong\u003eBreathing Effect\u003c\/strong\u003e \u003c\/div\u003e \u003cdiv class=\"sp-rgb\"\u003e \u003cdiv class=\"sp-rgb-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cstrong\u003eColor Flash\u003c\/strong\u003e \u003c\/div\u003e \u003cdiv class=\"sp-rgb\"\u003e \u003cdiv class=\"sp-rgb-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e \u003cstrong\u003eColor Gradient\u003c\/strong\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sp-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0998\/7758\/5195\/files\/924_8fe92ef0-edc6-47f0-8e7c-8e65de6c35e2.png?v=1788342466\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/section\u003e \u003c!-- ========================================================= 05 PLAYBACK  IMAGE: MULTIPLE PLAYBACK MODES  SEARCH: BLUETOOTH 6.0 \/ TF CARD \/ WIRELESS STREAMING \/ TF PLAYBACK ========================================================= --\u003e \u003csection class=\"sp-section sp-light\"\u003e \u003cdiv class=\"sp-center\"\u003e \u003cdiv class=\"sp-eyebrow\"\u003eMore Ways To Play\u003c\/div\u003e \u003ch2 class=\"sp-title\"\u003ePLAY IT \u003cspan class=\"sp-accent\"\u003e YOUR WAY. \u003c\/span\u003e \u003c\/h2\u003e \u003cp class=\"sp-subtitle\"\u003eStream wirelessly from a compatible device or play stored audio directly from a compatible TF card.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sp-mode-grid\"\u003e \u003cdiv class=\"sp-mode\"\u003e \u003cspan class=\"sp-mode-label\"\u003e Wireless \u003c\/span\u003e \u003cstrong\u003e Bluetooth 6.0 \u003c\/strong\u003e \u003cspan\u003e Connect compatible phones and other Bluetooth-enabled devices for wireless music playback. \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sp-mode\"\u003e \u003cspan class=\"sp-mode-label\"\u003e Direct Playback \u003c\/span\u003e \u003cstrong\u003e TF Card Mode \u003c\/strong\u003e \u003cspan\u003e Play compatible stored music directly from a TF card without relying on your phone. \u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sp-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0998\/7758\/5195\/files\/925_44f1475d-7c96-4811-9a51-68bc521f1f93.png?v=1788342467\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"sp-note\"\u003eTF card is not included. Device and media compatibility may vary.\u003c\/div\u003e \u003c\/section\u003e \u003c!-- ========================================================= 06 TWS  IMAGE: PAIR TWO FOR TRUE STEREO SOUND  SEARCH: TWS \/ PAIR TWO \/ LEFT RIGHT \/ TRUE WIRELESS STEREO ========================================================= --\u003e \u003csection class=\"sp-section sp-dark\"\u003e \u003cdiv class=\"sp-center\"\u003e \u003cdiv class=\"sp-eyebrow\"\u003ePair Two For A Wider Experience\u003c\/div\u003e \u003ch2 class=\"sp-title\"\u003eDOUBLE THE SPEAKERS. \u003cspan class=\"sp-accent\"\u003e WIDEN THE SOUND. \u003c\/span\u003e \u003c\/h2\u003e \u003cp class=\"sp-subtitle\"\u003ePair two compatible speakers using TWS for separate left and right channels and a wider stereo listening experience.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sp-tws\"\u003e \u003cdiv class=\"sp-tws-card\"\u003e \u003cstrong\u003e Left + Right \u003c\/strong\u003e \u003cspan\u003e Separate stereo channels \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sp-tws-card\"\u003e \u003cstrong\u003e Wider Soundstage \u003c\/strong\u003e \u003cspan\u003e More immersive listening \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sp-tws-card\"\u003e \u003cstrong\u003e Wireless Pairing \u003c\/strong\u003e \u003cspan\u003e Connect two compatible speakers \u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sp-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0998\/7758\/5195\/files\/926_667eb593-4eec-4615-a245-91551c76b53a.png?v=1788342466\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/section\u003e \u003c!-- ========================================================= 07 PORTABILITY  IMAGE: ATTACH IT HANG IT USE IT ANYWAY  SEARCH: 74G \/ LANYARD \/ CLIP \/ MAGNETIC \/ LIGHTWEIGHT \/ TRAVEL ========================================================= --\u003e \u003csection class=\"sp-section sp-blue\"\u003e \u003cdiv class=\"sp-split sp-reverse\"\u003e \u003cdiv class=\"sp-copy\"\u003e \u003cdiv class=\"sp-eyebrow\"\u003eOnly 74g\u003c\/div\u003e \u003ch3\u003eTAKE YOUR MUSIC \u003cspan class=\"sp-accent\"\u003e ANYWHERE. \u003c\/span\u003e \u003c\/h3\u003e \u003cp\u003eAt only 74g, the compact speaker is designed to move easily between your desk, bag, travel gear and everyday setup.\u003c\/p\u003e \u003cul class=\"sp-bullets\"\u003e \u003cli\u003eLightweight 74g design\u003c\/li\u003e \u003cli\u003eMagnetic attachment\u003c\/li\u003e \u003cli\u003eLanyard-friendly portability\u003c\/li\u003e \u003cli\u003eClip or bag carry options\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"sp-visual\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0998\/7758\/5195\/files\/927_486addad-5e75-4875-8916-3d2c3cf9382a.png?v=1788342468\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"sp-portable-grid\"\u003e \u003cdiv class=\"sp-portable\"\u003e \u003cstrong\u003e 74g \u003c\/strong\u003e \u003cspan\u003e Ultra Lightweight \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sp-portable\"\u003e \u003cstrong\u003e Magnetic \u003c\/strong\u003e \u003cspan\u003e Quick Attachment \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sp-portable\"\u003e \u003cstrong\u003e Lanyard \u003c\/strong\u003e \u003cspan\u003e Easy To Carry \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sp-portable\"\u003e \u003cstrong\u003e Clip \/ Bag \u003c\/strong\u003e \u003cspan\u003e Travel Ready \u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- ========================================================= 08 LIFESTYLE FINAL IMAGE  IMAGE: ONE MINI SPEAKER ENDLESS MOMENTS  SEARCH: HOME \/ OFFICE \/ TRAVEL \/ OUTDOORS \/ PORTABLE BLUETOOTH SPEAKER ========================================================= --\u003e \u003csection class=\"sp-section sp-dark sp-center\"\u003e \u003cdiv class=\"sp-eyebrow\"\u003eMusic That Goes Where Life Takes You\u003c\/div\u003e \u003ch2 class=\"sp-title\"\u003eONE MINI SPEAKER. \u003cspan class=\"sp-gradient-text\"\u003e ENDLESS MOMENTS. \u003c\/span\u003e \u003c\/h2\u003e \u003cp class=\"sp-subtitle\"\u003eFrom the desk to the campsite, this compact speaker combines colorful light, wireless audio and magnetic convenience for everyday listening.\u003c\/p\u003e \u003cdiv class=\"sp-tag-wrap\"\u003e \u003cspan class=\"sp-tag\"\u003e Home \u003c\/span\u003e \u003cspan class=\"sp-tag\"\u003e Office \u003c\/span\u003e \u003cspan class=\"sp-tag\"\u003e Travel \u003c\/span\u003e \u003cspan class=\"sp-tag\"\u003e Outdoors \u003c\/span\u003e \u003cspan class=\"sp-tag\"\u003e Desk Setup \u003c\/span\u003e \u003cspan class=\"sp-tag\"\u003e Hands-Free Viewing \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sp-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0998\/7758\/5195\/files\/928_a96b02b9-3daf-4aff-9ca7-283a291b78c2.png?v=1788342921\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/section\u003e \u003c!-- ========================================================= PRODUCT DETAILS ========================================================= --\u003e \u003csection class=\"sp-section sp-light sp-center\"\u003e \u003cdiv class=\"sp\"\u003e\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/div\u003e","brand":"PWH07","offers":[{"title":"Black","offer_id":50220304367866,"sku":"PWH2609037728-黑色","price":39.99,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":50220304400634,"sku":"PWH2609037728-白色","price":39.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/9988\/5562\/files\/921_28f14146-db9d-415d-a081-2299d56eb00a.png?v=1788419715","url":"https:\/\/scerich.com\/products\/portable-rgb-bluetooth-speaker-with-magnetic","provider":"scerich","version":"1.0","type":"link"}