/* Закреп-плашка и рекламный баннер над лентой */
/* ===== pinned plate ===== */
.plates{position:absolute;z-index:3;left:10px;right:var(--pside);top:10px;display:flex;gap:12px;pointer-events:none;transition:right .45s cubic-bezier(.2,.8,.2,1)}
.plates>*{pointer-events:auto}
.plate{
  flex:1;min-width:0;display:flex;flex-direction:column;gap:9px;padding:12px 14px;border-radius:12px;
  border:1px solid rgba(255,255,255,.14);filter:drop-shadow(0 20px 34px #000);
  background:radial-gradient(ellipse 50% 213% at 50% 172%,rgba(253,0,47,.3),rgba(78,27,36,.3)),#000;
  animation:pop .5s var(--spring) both;
}
.plate .l1{display:flex;gap:8px;align-items:center;font-size:14px;line-height:20px;color:var(--name-dim)}
.plate .l1 svg{width:14px;height:14px;flex:none}
.plate .l2{font-weight:500;font-size:18px;line-height:20px;color:#fff}
.ad{
  flex:0 1 551px;height:75px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;
  border-radius:12px;border:1px solid rgba(255,255,255,.14);filter:drop-shadow(0 20px 34px #000);
  font-weight:500;font-size:14px;color:var(--vip);text-align:center;cursor:pointer;
  background:radial-gradient(ellipse 50% 213% at 50% 172%,rgba(212,174,98,.3),rgba(99,55,16,.3)),#000;
  transition:transform .35s var(--spring),border-color .2s;animation:pop .5s var(--spring) both;
}
.ad span{opacity:.6}
.ad:hover{border-color:rgba(212,174,98,.5)}
.ad:active{transform:scale(.97)}
.plates.only-ad .ad{flex:1}