/* Version 2.47.155: dynamic Browse hero—new file and URL invalidate old art caches.
   Plugin-owned Browse page only; no data or index changes. */
.ra49-browse .ra49-browse-hero{
  display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;
  position:relative!important;isolation:isolate;min-height:310px!important;
  align-items:center!important;gap:24px!important;
  padding:26px 20px 18px!important;margin-bottom:8px!important;
  border-radius:0 0 46px 46px;
  background:radial-gradient(ellipse at 78% 25%,rgba(199,170,255,.48),transparent 46%),
             radial-gradient(ellipse at 35% 105%,rgba(228,213,255,.43),transparent 63%),
             linear-gradient(110deg,#fcfaff 1%,#f5efff 56%,#f8f4ff 100%);
}
.ra49-browse .ra49-browse-hero__copy{position:relative;z-index:4}
.ra49-browse .ra49-browse-hero__art{display:none!important;background-image:none!important}
.ra49-browse .ra155-hero-art{
  position:relative!important;display:block!important;isolation:isolate!important;
  width:100%;height:270px;min-width:0;
}
.ra49-browse .ra155-hero-glow{position:absolute;inset:20px 5px 4px 5px;
  background:radial-gradient(ellipse at center,#d6c5ff 0%,#eee7ff 47%,transparent 75%);
  border-radius:50%;transform:rotate(-7deg);pointer-events:none;z-index:-2}
.ra49-browse .ra155-hero-headphones{position:absolute;left:28%;top:3%;width:42%;height:55%;
  border:15px solid #6333bb;border-bottom:0;border-radius:52% 52% 0 0;
  transform:rotate(-7deg);background:transparent;
  box-shadow:inset 0 12px 0 #9665e4,0 6px 14px rgba(76,31,142,.12);
  pointer-events:none;z-index:-1}
.ra49-browse .ra155-hero-headphones::before,.ra49-browse .ra155-hero-headphones::after{
  content:"";position:absolute;bottom:-11px;width:22px;height:56px;background:linear-gradient(100deg,#4b259e,#9866ed);
  border-radius:14px;box-shadow:3px 2px 6px rgba(46,23,79,.17)}
.ra49-browse .ra155-hero-headphones::before{left:-18px;transform:rotate(12deg)}
.ra49-browse .ra155-hero-headphones::after{right:-18px;transform:rotate(-12deg)}
.ra49-browse .ra155-hero-book{position:absolute;display:block;overflow:hidden;
  width:30%;aspect-ratio:1/1;min-width:0;background:#ede7fb;
  border:2px solid rgba(255,255,255,.92);border-radius:8px;
  box-shadow:0 13px 24px rgba(42,19,77,.20);transition:transform .18s ease,box-shadow .18s ease;text-decoration:none!important}
.ra49-browse .ra155-hero-book img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.ra49-browse .ra155-hero-book:hover{box-shadow:0 18px 29px rgba(42,19,77,.3)}
.ra49-browse .ra155-hero-book--center{width:39%;left:30%;top:26%;z-index:5;transform:rotate(0deg)}
.ra49-browse .ra155-hero-book--center:hover{transform:translateY(-3px)}
.ra49-browse .ra155-hero-book--left{left:13%;top:32%;z-index:3;transform:rotate(-12deg)}
.ra49-browse .ra155-hero-book--left:hover{transform:rotate(-12deg) translateY(-3px)}
.ra49-browse .ra155-hero-book--right{left:59%;top:30%;z-index:3;transform:rotate(11deg)}
.ra49-browse .ra155-hero-book--right:hover{transform:rotate(11deg) translateY(-3px)}
.ra49-browse .ra155-hero-book--far-left{width:22%;left:4%;top:40%;z-index:2;transform:rotate(-18deg);opacity:.92}
.ra49-browse .ra155-hero-book--far-right{width:23%;left:76%;top:42%;z-index:2;transform:rotate(15deg);opacity:.92}
.ra49-browse .ra155-hero-dna{position:absolute;top:13%;left:61%;z-index:8;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  height:63px;width:63px;border-radius:50%;border:3px solid #7644de;background:#fff;
  box-shadow:0 5px 16px rgba(63,30,116,.16);color:#6324c8;line-height:1.05;pointer-events:none}
.ra49-browse .ra155-hero-dna strong{font-size:1.26rem;font-weight:900}
.ra49-browse .ra155-hero-dna small{font-size:.53rem;font-weight:850;text-transform:uppercase}
.ra49-browse .ra155-hero-note{position:absolute;top:3%;right:0;z-index:7;
  color:#6023ba;font-size:clamp(.72rem,1.2vw,.95rem);line-height:1.16;
  font-weight:750;font-style:italic;text-align:center;transform:rotate(-9deg);pointer-events:none}
.ra49-browse .ra155-hero-note span{font-size:1.35rem}
@media(max-width:980px){
  .ra49-browse .ra49-browse-hero{grid-template-columns:minmax(0,1fr) minmax(310px,.85fr)!important;gap:12px!important}
  .ra49-browse .ra155-hero-art{height:230px}
  .ra49-browse .ra155-hero-note{font-size:.69rem}
}
@media(max-width:760px){
  .ra49-browse .ra49-browse-hero{grid-template-columns:1fr!important;min-height:0!important;padding:19px 12px 16px!important;gap:4px!important;border-radius:0 0 30px 30px!important}
  .ra49-browse .ra155-hero-art{height:220px;max-width:470px;margin:0 auto}
  .ra49-browse .ra49-browse-hero__art{display:none!important}
  .ra49-browse .ra155-hero-note{font-size:.82rem}
}
@media(max-width:420px){
  .ra49-browse .ra155-hero-art{height:186px}
  .ra49-browse .ra155-hero-headphones{border-width:11px}
  .ra49-browse .ra155-hero-headphones::before,.ra49-browse .ra155-hero-headphones::after{height:43px;width:17px}
  .ra49-browse .ra155-hero-dna{height:45px;width:45px;border-width:2px}
  .ra49-browse .ra155-hero-dna strong{font-size:.88rem}
  .ra49-browse .ra155-hero-dna small{font-size:.41rem}
  .ra49-browse .ra155-hero-note{font-size:.63rem}
}