/* Rádio Metro Mix V2 — etapa 2: fundo mostarda + mascote + faixa social */
.home-v2 .metro-hero-grid{
  grid-template-columns:minmax(0,1fr) 360px!important;
  gap:16px!important;
  width:min(1200px,calc(100% - 32px))!important;
  max-width:1200px!important;
  margin-inline:auto!important;
  align-items:stretch!important;
}

.home-v2 .rmmx-mascot-base{
  position:relative;
  width:360px;
  height:460px;
  min-height:460px;
  overflow:hidden;
  border:2px solid rgba(255,255,255,.94);
  border-radius:24px;
  background:linear-gradient(145deg,#e2ae22 0%,#d4a017 58%,#c8920d 100%);
  box-shadow:0 14px 30px rgba(8,47,143,.15),inset 0 1px 0 rgba(255,255,255,.48);
  isolation:isolate;
}

.home-v2 .rmmx-mascot-base::before,
.home-v2 .rmmx-mascot-base::after{
  content:none!important;
  display:none!important;
}

.home-v2 .rmmx-mascot-base__image{
  position:absolute;
  z-index:5;
  left:12px;
  bottom:28px; /* tênis apoiados sobre a faixa azul, sem encostar na borda */
  width:auto;
  height:374px;
  max-width:none;
  display:block;
  object-fit:contain;
  object-position:left bottom;
  filter:drop-shadow(0 10px 10px rgba(8,47,143,.18));
  user-select:none;
  pointer-events:none;
}

/* Piso azul curvo, criado como elemento real e independente. */
.home-v2 .rmmx-social-floor{
  position:absolute;
  z-index:3;
  left:0;
  right:0;
  bottom:0;
  height:132px;
  padding:42px 14px 18px 178px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  color:#fff;
  background:linear-gradient(155deg,#0a42a8 0%,#082f8f 58%,#061f63 100%);
  clip-path:ellipse(92% 84% at 66% 100%);
}

.home-v2 .rmmx-social-floor__title{
  display:block;
  margin:0;
  color:#fff;
  font-size:18px;
  line-height:1;
  font-weight:900;
  letter-spacing:.02em;
  text-shadow:0 2px 5px rgba(0,0,0,.22);
}

.home-v2 .rmmx-social-floor__links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:34px;
}

.home-v2 .rmmx-social-floor__link{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.92);
  box-shadow:0 5px 12px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.25);
  text-decoration:none;
  transition:transform .18s ease,filter .18s ease;
}

.home-v2 .rmmx-social-floor__link:hover{
  transform:translateY(-3px) scale(1.06);
  filter:brightness(1.08);
}

.home-v2 .rmmx-social-floor__link[aria-disabled="true"]{
  cursor:default;
}

.home-v2 .rmmx-social-floor__link svg{
  width:18px;
  height:18px;
  display:block;
  fill:none;
  stroke:#fff;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.home-v2 .rmmx-social-floor__link svg .fill,
.home-v2 .rmmx-social-floor__link svg path.fill,
.home-v2 .rmmx-social-floor__link svg circle.fill{
  fill:#fff;
  stroke:none;
}

.home-v2 .rmmx-social-floor__link--instagram{
  background:radial-gradient(circle at 30% 105%,#ffd600 0 22%,#ff7a00 23% 38%,#ff0169 39% 62%,#d300c5 63% 78%,#7638fa 79% 100%);
}
.home-v2 .rmmx-social-floor__link--tiktok{background:#050505;}
.home-v2 .rmmx-social-floor__link--facebook{background:#1877f2;}
.home-v2 .rmmx-social-floor__link--youtube{background:#ff0000;}
.home-v2 .rmmx-social-floor__link--whatsapp{background:#25d366;}

@media(max-width:1100px){
  .home-v2 .metro-hero-grid{grid-template-columns:1fr!important;}
  .home-v2 .rmmx-mascot-base{
    width:min(360px,100%);
    justify-self:center;
  }
}

@media(max-width:520px){
  .home-v2 .metro-hero-grid{width:min(100% - 20px,1200px)!important;}
  .home-v2 .rmmx-mascot-base{
    width:100%;
    height:440px;
    min-height:440px;
  }
  .home-v2 .rmmx-mascot-base__image{
    height:354px;
    left:4px;
    bottom:26px;
  }
  .home-v2 .rmmx-social-floor{
    height:126px;
    padding:40px 10px 16px 168px;
  }
  .home-v2 .rmmx-social-floor__links{gap:5px;}
  .home-v2 .rmmx-social-floor__link{
    width:29px;
    height:29px;
    flex-basis:29px;
  }
}


/* Etapa 3: mascote na frente da faixa azul e redes completas */
.home-v2 .rmmx-mascot-base__image{z-index:5!important;}
.home-v2 .rmmx-social-floor{z-index:3!important;}
.home-v2 .rmmx-social-floor__title,
.home-v2 .rmmx-social-floor__links{position:relative;z-index:6;}

/* Etapa 4 — título, player, volume e faixa “Tocando agora”.
   Todos os elementos são independentes para futura administração pelo painel. */
.home-v2 .rmmx-player-heading{
  position:absolute;
  z-index:8;
  top:28px;
  right:18px;
  width:184px;
  text-align:center;
  pointer-events:none;
}
.home-v2 .rmmx-player-heading strong{
  display:block;
  color:#082f8f;
  font-size:21px;
  line-height:1.05;
  font-weight:950;
  white-space:nowrap;
  letter-spacing:-.02em;
}
.home-v2 .rmmx-player-heading span{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin-top:8px;
  color:#df4c08;
  font-size:16px;
  line-height:1;
  font-weight:900;
}
.home-v2 .rmmx-player-heading span i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#f01924;
  box-shadow:0 0 0 0 rgba(240,25,36,.55);
  animation:rmmx-live-pulse 1.25s infinite;
}
.home-v2 .rmmx-player-heading>b{
  display:block;
  width:54px;
  height:5px;
  margin:11px auto 0;
  border-radius:999px;
  background:#082f8f;
}
@keyframes rmmx-live-pulse{
  0%{box-shadow:0 0 0 0 rgba(240,25,36,.55);opacity:1}
  70%{box-shadow:0 0 0 9px rgba(240,25,36,0);opacity:.7}
  100%{box-shadow:0 0 0 0 rgba(240,25,36,0);opacity:1}
}

.home-v2 .rmmx-player-equalizer{
  position:absolute;
  z-index:1;
  top:128px;
  right:14px;
  width:196px;
  height:128px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:4px;
  opacity:.42;
  pointer-events:none;
}
.home-v2 .rmmx-player-equalizer i{
  width:11px;
  min-height:22px;
  border-radius:5px 5px 2px 2px;
  background:repeating-linear-gradient(to top,#ff8a00 0 7px,transparent 7px 11px);
}
.home-v2 .rmmx-player-equalizer i:nth-child(1){height:54%}
.home-v2 .rmmx-player-equalizer i:nth-child(2){height:78%}
.home-v2 .rmmx-player-equalizer i:nth-child(3){height:42%}
.home-v2 .rmmx-player-equalizer i:nth-child(4){height:91%}
.home-v2 .rmmx-player-equalizer i:nth-child(5){height:58%}
.home-v2 .rmmx-player-equalizer i:nth-child(6){height:36%}
.home-v2 .rmmx-player-equalizer i:nth-child(7){height:69%}
.home-v2 .rmmx-player-equalizer i:nth-child(8){height:48%}
.home-v2 .rmmx-player-equalizer i:nth-child(9){height:82%}
.home-v2 .rmmx-player-equalizer i:nth-child(10){height:61%}
.home-v2 .rmmx-player-equalizer i:nth-child(11){height:94%}
.home-v2 .rmmx-player-equalizer i:nth-child(12){height:52%}

.home-v2 .rmmx-player-controls{
  position:absolute;
  z-index:9;
  top:150px;
  right:14px;
  width:190px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:13px;
}
.home-v2 .rmmx-player-button{
  width:100%;
  height:70px;
  padding:7px 14px 7px 9px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  border:2px solid #fff;
  border-radius:34px;
  color:#fff;
  background:linear-gradient(145deg,#165edc 0%,#082f8f 72%,#061f63 100%);
  box-shadow:0 10px 20px rgba(8,47,143,.30),inset 0 1px 0 rgba(255,255,255,.32);
  cursor:pointer;
  transition:transform .18s ease,filter .18s ease;
}
.home-v2 .rmmx-player-button:hover{transform:translateY(-2px);filter:brightness(1.06)}
.home-v2 .rmmx-player-button>span{
  width:48px;
  height:48px;
  flex:0 0 48px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#ffc400;
}
.home-v2 .rmmx-player-button>span::after{
  content:'';
  margin-left:4px;
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  border-left:16px solid #082f8f;
}
.home-v2 .rmmx-player-button.is-playing>span::after{
  width:13px;
  height:18px;
  margin-left:0;
  border:0;
  background:linear-gradient(90deg,#082f8f 0 38%,transparent 38% 62%,#082f8f 62% 100%);
}
.home-v2 .rmmx-player-button strong{
  flex:1;
  font-size:17px;
  line-height:1;
  font-weight:950;
  white-space:nowrap;
}

.home-v2 .rmmx-volume-row{
  height:32px;
  display:flex;
  align-items:center;
  gap:10px;
  padding-inline:5px 2px;
}
.home-v2 .rmmx-volume-icon{font-size:22px;line-height:1;filter:saturate(0) brightness(.55)}
.home-v2 #rmmxVolume{
  width:145px;
  height:5px;
  margin:0;
  appearance:none;
  border-radius:999px;
  outline:0;
  background:linear-gradient(to right,#082f8f 0 68%,rgba(8,47,143,.25) 68% 100%);
  cursor:pointer;
}
.home-v2 #rmmxVolume::-webkit-slider-thumb{
  appearance:none;
  width:19px;
  height:19px;
  border:3px solid #fff;
  border-radius:50%;
  background:#ffc400;
  box-shadow:0 2px 7px rgba(0,0,0,.2);
}
.home-v2 #rmmxVolume::-moz-range-thumb{
  width:14px;
  height:14px;
  border:3px solid #fff;
  border-radius:50%;
  background:#ffc400;
}

.home-v2 .rmmx-now-playing{
  min-height:51px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:10px 4px 8px;
  border-top:1px solid rgba(8,47,143,.12);
  border-bottom:1px solid rgba(8,47,143,.12);
  color:#082f8f;
}
.home-v2 .rmmx-now-bars{
  width:30px;
  height:29px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
}
.home-v2 .rmmx-now-bars i{width:4px;border-radius:4px;background:#082f8f;animation:rmmx-bars .9s ease-in-out infinite alternate}
.home-v2 .rmmx-now-bars i:nth-child(1){height:12px}
.home-v2 .rmmx-now-bars i:nth-child(2){height:25px;animation-delay:.16s}
.home-v2 .rmmx-now-bars i:nth-child(3){height:18px;animation-delay:.3s}
.home-v2 .rmmx-now-bars i:nth-child(4){height:10px;animation-delay:.42s}
@keyframes rmmx-bars{to{transform:scaleY(.45);opacity:.58}}
.home-v2 .rmmx-now-playing div{min-width:0;text-align:left}
.home-v2 .rmmx-now-playing strong{display:block;font-size:13px;line-height:1;font-weight:950;white-space:nowrap}
.home-v2 .rmmx-now-playing small{
  display:block;
  max-width:140px;
  margin-top:5px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#082f8f;
  font-size:11px;
  font-weight:800;
}
.home-v2 #rmmxAudio{display:none}

/* O mascote fica à frente do piso azul, mas atrás dos controles. */
.home-v2 .rmmx-mascot-base__image{z-index:5!important}
.home-v2 .rmmx-social-floor{z-index:3!important}
.home-v2 .rmmx-social-floor__title,
.home-v2 .rmmx-social-floor__links{z-index:10!important}

@media(max-width:520px){
  .home-v2 .rmmx-player-heading{right:12px;width:176px}
  .home-v2 .rmmx-player-heading strong{font-size:19px}
  .home-v2 .rmmx-player-controls{right:10px;width:181px}
  .home-v2 .rmmx-player-button{height:66px}
  .home-v2 .rmmx-player-button strong{font-size:16px}
  .home-v2 #rmmxVolume{width:137px}
}

/* ==========================================================
   ETAPA 5 — ORGANIZAÇÃO FINAL DO CARD
   Mantém cada módulo independente para futura edição no painel.
   ========================================================== */
.home-v2 .metro-hero-grid{
  grid-template-columns:minmax(0,1fr) 400px!important;
  gap:18px!important;
}

.home-v2 .rmmx-mascot-base{
  width:400px!important;
  height:520px!important;
  min-height:520px!important;
  border-radius:26px!important;
  background:linear-gradient(145deg,#f3bf27 0%,#e0a817 58%,#d0970d 100%)!important;
}

.home-v2 .rmmx-mascot-base__image{
  left:6px!important;
  bottom:34px!important;
  height:414px!important;
  z-index:6!important;
}

.home-v2 .rmmx-player-heading{
  top:30px!important;
  right:18px!important;
  width:214px!important;
}
.home-v2 .rmmx-player-heading strong{
  font-size:23px!important;
  line-height:1.05!important;
}
.home-v2 .rmmx-player-heading span{
  margin-top:9px!important;
  font-size:17px!important;
}
.home-v2 .rmmx-player-heading>b{
  width:58px!important;
  height:5px!important;
  margin-top:12px!important;
}

.home-v2 .rmmx-player-equalizer{
  top:142px!important;
  right:18px!important;
  width:218px!important;
  height:145px!important;
  opacity:.38!important;
}
.home-v2 .rmmx-player-equalizer i{width:12px!important;}

.home-v2 .rmmx-player-controls{
  top:177px!important;
  right:18px!important;
  width:212px!important;
  gap:14px!important;
}
.home-v2 .rmmx-player-button{
  height:66px!important;
  padding:7px 13px 7px 8px!important;
  gap:9px!important;
  border-radius:33px!important;
}
.home-v2 .rmmx-player-button>span{
  width:46px!important;
  height:46px!important;
  flex-basis:46px!important;
}
.home-v2 .rmmx-player-button strong{
  font-size:16px!important;
  letter-spacing:-.01em!important;
}

.home-v2 .rmmx-volume-row{
  width:100%!important;
  height:34px!important;
  padding:0 4px 0 8px!important;
  gap:9px!important;
}
.home-v2 .rmmx-volume-icon{
  width:23px!important;
  flex:0 0 23px!important;
  font-size:21px!important;
}
.home-v2 #rmmxVolume{
  width:166px!important;
  flex:1 1 auto!important;
}

.home-v2 .rmmx-now-playing{
  width:100%!important;
  min-height:64px!important;
  padding:10px 7px!important;
  gap:10px!important;
}
.home-v2 .rmmx-now-bars{
  width:31px!important;
  flex:0 0 31px!important;
}
.home-v2 .rmmx-now-playing strong{
  font-size:14px!important;
}
.home-v2 .rmmx-now-playing small{
  max-width:150px!important;
  font-size:12px!important;
}

.home-v2 .rmmx-social-floor{
  height:145px!important;
  padding:48px 18px 20px 184px!important;
  clip-path:ellipse(96% 85% at 64% 100%)!important;
}
.home-v2 .rmmx-social-floor__title{
  font-size:19px!important;
}
.home-v2 .rmmx-social-floor__links{
  gap:8px!important;
}
.home-v2 .rmmx-social-floor__link{
  width:32px!important;
  height:32px!important;
  flex-basis:32px!important;
}
.home-v2 .rmmx-social-floor__link svg{
  width:19px!important;
  height:19px!important;
}

@media(max-width:1100px){
  .home-v2 .rmmx-mascot-base{
    width:min(400px,100%)!important;
    justify-self:center!important;
  }
}

@media(max-width:520px){
  .home-v2 .rmmx-mascot-base{
    width:100%!important;
    height:500px!important;
    min-height:500px!important;
  }
  .home-v2 .rmmx-mascot-base__image{
    left:0!important;
    bottom:34px!important;
    height:394px!important;
  }
  .home-v2 .rmmx-player-heading{
    right:12px!important;
    width:205px!important;
  }
  .home-v2 .rmmx-player-heading strong{font-size:21px!important;}
  .home-v2 .rmmx-player-controls{
    top:174px!important;
    right:12px!important;
    width:202px!important;
  }
  .home-v2 .rmmx-player-button strong{font-size:15px!important;}
  .home-v2 .rmmx-social-floor{
    height:140px!important;
    padding:46px 10px 18px 172px!important;
  }
  .home-v2 .rmmx-social-floor__links{gap:6px!important;}
  .home-v2 .rmmx-social-floor__link{
    width:30px!important;
    height:30px!important;
    flex-basis:30px!important;
  }
}

/* ==========================================================
   ETAPA 6 — CONTROLES MAIS COMPACTOS
   Reduz somente o botão principal e o controle de volume.
   ========================================================== */
.home-v2 .rmmx-player-controls{
  top:184px!important;
  right:18px!important;
  width:190px!important;
  gap:12px!important;
}
.home-v2 .rmmx-player-button{
  width:184px!important;
  height:56px!important;
  align-self:flex-end!important;
  padding:6px 12px 6px 7px!important;
  gap:8px!important;
  border-radius:29px!important;
}
.home-v2 .rmmx-player-button>span{
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
}
.home-v2 .rmmx-player-button>span::after{
  border-top-width:8px!important;
  border-bottom-width:8px!important;
  border-left-width:13px!important;
}
.home-v2 .rmmx-player-button strong{
  font-size:14px!important;
  letter-spacing:0!important;
}
.home-v2 .rmmx-volume-row{
  width:174px!important;
  height:28px!important;
  align-self:flex-end!important;
  padding:0!important;
  gap:8px!important;
}
.home-v2 .rmmx-volume-icon{
  width:20px!important;
  flex:0 0 20px!important;
  font-size:18px!important;
}
.home-v2 #rmmxVolume{
  width:138px!important;
  flex:0 0 138px!important;
  height:4px!important;
}
.home-v2 #rmmxVolume::-webkit-slider-thumb{
  width:17px!important;
  height:17px!important;
}
.home-v2 #rmmxVolume::-moz-range-thumb{
  width:12px!important;
  height:12px!important;
}
.home-v2 .rmmx-now-playing{
  margin-top:0!important;
}

@media(max-width:520px){
  .home-v2 .rmmx-player-controls{
    top:181px!important;
    right:12px!important;
    width:184px!important;
  }
  .home-v2 .rmmx-player-button{
    width:178px!important;
    height:54px!important;
  }
  .home-v2 .rmmx-player-button strong{font-size:13px!important;}
  .home-v2 .rmmx-volume-row{width:168px!important;}
  .home-v2 #rmmxVolume{
    width:132px!important;
    flex-basis:132px!important;
  }
}

/* ==========================================================
   ETAPA 7 — EQUALIZADOR MAIS ALTO
   Move somente os quadradinhos laranja para cima e mantém
   o botão, volume, mascote e demais elementos inalterados.
   ========================================================== */
.home-v2 .rmmx-player-equalizer{
  top:108px!important;
  right:14px!important;
  width:208px!important;
  height:166px!important;
  opacity:.48!important;
  align-items:flex-end!important;
}
.home-v2 .rmmx-player-equalizer i{
  width:11px!important;
}

@media(max-width:520px){
  .home-v2 .rmmx-player-equalizer{
    top:106px!important;
    right:10px!important;
    width:202px!important;
    height:162px!important;
  }
}

/* ==========================================================
   ETAPA 8 — EQUALIZADOR AMPLO E BOTÃO BEM POSICIONADO
   O equalizador atravessa o fundo atrás do mascote e do botão.
   O botão fica ligeiramente mais largo e afastado da borda.
   ========================================================== */
.home-v2 .rmmx-player-equalizer{
  z-index:2!important;
  top:104px!important;
  left:20px!important;
  right:10px!important;
  width:auto!important;
  height:188px!important;
  gap:6px!important;
  opacity:.34!important;
  overflow:hidden!important;
}
.home-v2 .rmmx-player-equalizer i{
  width:13px!important;
  min-width:13px!important;
  background:repeating-linear-gradient(to top,#ff8a00 0 7px,transparent 7px 11px)!important;
}

.home-v2 .rmmx-player-controls{
  right:22px!important;
  width:198px!important;
}
.home-v2 .rmmx-player-button{
  width:198px!important;
  height:58px!important;
  border-radius:30px!important;
  padding:6px 13px 6px 7px!important;
}
.home-v2 .rmmx-player-button>span{
  width:41px!important;
  height:41px!important;
  flex-basis:41px!important;
}
.home-v2 .rmmx-player-button strong{
  font-size:14px!important;
}
.home-v2 .rmmx-volume-row{
  width:170px!important;
  margin-right:4px!important;
}
.home-v2 #rmmxVolume{
  width:134px!important;
  flex-basis:134px!important;
}

@media(max-width:520px){
  .home-v2 .rmmx-player-equalizer{
    top:102px!important;
    left:14px!important;
    right:8px!important;
    height:180px!important;
    gap:5px!important;
  }
  .home-v2 .rmmx-player-equalizer i{
    width:12px!important;
    min-width:12px!important;
  }
  .home-v2 .rmmx-player-controls{
    right:16px!important;
    width:190px!important;
  }
  .home-v2 .rmmx-player-button{
    width:190px!important;
    height:56px!important;
  }
  .home-v2 .rmmx-volume-row{
    width:164px!important;
  }
  .home-v2 #rmmxVolume{
    width:128px!important;
    flex-basis:128px!important;
  }
}

/* ==========================================================
   ETAPA 9 — CONTROLES AFASTADOS DO MASCOTE
   Reduz e desloca para a direita somente botão, volume e
   "Tocando agora", preservando o restante do card.
   ========================================================== */
.home-v2 .rmmx-player-controls{
  top:178px!important;
  right:12px!important;
  width:166px!important;
  gap:13px!important;
  align-items:flex-end!important;
}
.home-v2 .rmmx-player-button{
  width:166px!important;
  height:52px!important;
  padding:5px 10px 5px 6px!important;
  gap:7px!important;
  border-radius:27px!important;
}
.home-v2 .rmmx-player-button>span{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
}
.home-v2 .rmmx-player-button>span::after{
  border-top-width:7px!important;
  border-bottom-width:7px!important;
  border-left-width:12px!important;
}
.home-v2 .rmmx-player-button strong{
  font-size:13px!important;
  letter-spacing:-.01em!important;
}
.home-v2 .rmmx-volume-row{
  width:154px!important;
  height:26px!important;
  padding:0!important;
  gap:7px!important;
  margin-right:1px!important;
}
.home-v2 .rmmx-volume-icon{
  width:18px!important;
  flex:0 0 18px!important;
  font-size:16px!important;
}
.home-v2 #rmmxVolume{
  width:128px!important;
  flex:0 0 128px!important;
  height:4px!important;
}
.home-v2 #rmmxVolume::-webkit-slider-thumb{
  width:16px!important;
  height:16px!important;
}
.home-v2 #rmmxVolume::-moz-range-thumb{
  width:11px!important;
  height:11px!important;
}
.home-v2 .rmmx-now-playing{
  width:158px!important;
  min-height:56px!important;
  padding:9px 3px 8px 7px!important;
  gap:8px!important;
  margin-right:0!important;
}
.home-v2 .rmmx-now-bars{
  width:26px!important;
  flex:0 0 26px!important;
}
.home-v2 .rmmx-now-bars i{width:3px!important;}
.home-v2 .rmmx-now-playing strong{
  font-size:12px!important;
}
.home-v2 .rmmx-now-playing small{
  max-width:116px!important;
  font-size:10px!important;
  margin-top:4px!important;
}

@media(max-width:520px){
  .home-v2 .rmmx-player-controls{
    top:176px!important;
    right:10px!important;
    width:160px!important;
  }
  .home-v2 .rmmx-player-button{
    width:160px!important;
    height:50px!important;
  }
  .home-v2 .rmmx-player-button strong{font-size:12px!important;}
  .home-v2 .rmmx-volume-row{width:148px!important;}
  .home-v2 #rmmxVolume{
    width:122px!important;
    flex-basis:122px!important;
  }
  .home-v2 .rmmx-now-playing{width:152px!important;}
}