/* Bangs Music Distro — Picked For You V3 visual layer only */
#bmd23-picked{
  position:relative;
  padding:clamp(18px,2vw,26px);
  margin-inline:calc(clamp(18px,2vw,26px) * -1);
  border:1px solid rgba(124,255,172,.12);
  border-radius:24px;
  background:
    radial-gradient(circle at 8% 0%,rgba(35,227,111,.09),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  overflow:hidden;
}
#bmd23-picked::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(35,227,111,.025),transparent 38%);
}
#bmd23-picked .bmd23-section__header{position:relative;z-index:1;}
#bmd23-picked .bmd23-eyebrow::after{
  content:"PERSONALIZED";
  margin-left:8px;
  padding:4px 7px;
  border:1px solid rgba(124,255,172,.18);
  border-radius:999px;
  background:rgba(35,227,111,.08);
  color:#8dffb5;
  font-size:7px;
  font-weight:900;
  letter-spacing:.12em;
}
.bmd23-card[data-bmd-reco-card="1"] .bmd23-card__reason{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  min-height:14px;
  margin-top:6px;
  color:#76e99f;
  font-size:9px;
  font-weight:750;
  line-height:1.35;
}
.bmd23-card[data-bmd-reco-card="1"] .bmd23-card__reason::before{
  content:"✦";
  margin-right:5px;
}
@media(max-width:899px){
  #bmd23-picked{
    margin-inline:-2px;
    padding:16px 12px 18px;
    border-radius:20px;
  }
  #bmd23-picked .bmd23-eyebrow::after{display:none;}
}


/* Runtime fallback rail. Only used when an older cached homepage did not contain
   the server-rendered Picked For You section. */
.bmd-reco-runtime-section{position:relative;padding:clamp(18px,2vw,26px);border:1px solid rgba(124,255,172,.12);border-radius:24px;background:radial-gradient(circle at 8% 0%,rgba(35,227,111,.09),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));overflow:hidden}
.bmd-reco-runtime-list{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.bmd-reco-runtime-list::-webkit-scrollbar{display:none}
.bmd-reco-runtime-list>.bmd23-card{flex:0 0 clamp(154px,16vw,210px);scroll-snap-align:start}
#bmd23-picked[data-bmd-reco-personalized="0"] .bmd23-eyebrow::after{content:"LEARNING"}
#bmd23-picked[data-bmd-reco-personalized="1"] .bmd23-eyebrow::after{content:"PERSONALIZED"}
@media(max-width:899px){.bmd-reco-runtime-list>.bmd23-card{flex-basis:148px}}