/* Riddim & Vibez V20.3 — Exclusive licensing */

/* Catalogue: visible without dominating the row */
.exclusive-available-v20-3{
  display:inline-flex;
  align-items:center;
  height:18px;
  margin-left:7px;
  padding:0 6px;
  border:1px solid rgba(181,138,47,.24);
  border-radius:999px;
  background:#f7f1e2;
  color:#8c681e;
  font-size:.52rem;
  line-height:1;
  font-weight:780;
  letter-spacing:.055em;
  vertical-align:2px;
}

/* Beat page */
.exclusive-intro-v20-3{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:18px 0 10px;
  padding:13px 15px;
  border:1px solid rgba(181,138,47,.18);
  border-radius:15px;
  background:linear-gradient(110deg,#fff 0%,#fff 68%,#faf6eb 100%);
  color:#616166;
  font-size:.72rem;
}
.exclusive-intro-v20-3>div{
  display:flex;
  align-items:center;
  gap:8px;
  color:#252527;
  white-space:nowrap;
}
.exclusive-dot-v20-3{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#b58a2f;
  box-shadow:0 0 0 4px rgba(181,138,47,.10);
}

.license-card-v16.exclusive-license-v20-3{
  position:relative;
  overflow:hidden;
  border-color:rgba(181,138,47,.30)!important;
  background:
    linear-gradient(115deg,#fff 0%,#fff 72%,rgba(246,240,223,.72) 100%)!important;
  box-shadow:0 10px 32px rgba(89,67,22,.055)!important;
}

.license-card-v16.exclusive-license-v20-3::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:86px;
  height:86px;
  pointer-events:none;
  background:radial-gradient(circle at 100% 0,rgba(181,138,47,.14),transparent 68%);
}

.exclusive-label-v20-3{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:0 8px;
  margin-bottom:8px;
  border-radius:999px;
  background:#f4ead1;
  color:#89651b;
  font-size:.58rem;
  font-weight:790;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.exclusive-title-v20-3{
  margin:3px 0 4px;
  color:#272729;
  font-size:.8rem;
  font-weight:720;
}

.exclusive-buy-v20-3{
  background:#a77d27!important;
  border-color:#a77d27!important;
  color:#fff!important;
  white-space:nowrap;
}
.exclusive-buy-v20-3:hover{
  background:#8d671c!important;
  border-color:#8d671c!important;
}

@media(max-width:720px){
  .exclusive-intro-v20-3{
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
  }
  .exclusive-intro-v20-3>div{
    white-space:normal;
  }
  .exclusive-available-v20-3{
    margin-left:5px;
  }
}