
.av-shelfcards{margin:0;padding:0;list-style:none;--rg:2rem}
.av-shelfcard{position:relative;display:grid;grid-template-columns:19.2rem minmax(0,1fr) auto;gap:2rem 2.8rem;align-items:stretch;padding:2.4rem;border-radius:3.2rem;background:var(--fs);color:var(--av-ink);height:100%}
.av-shelfcard__img{width:19.2rem;height:19.2rem;border-radius:50%;background:var(--f);background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.5) 0 .22rem,transparent .24rem) 0 0/2.4rem 2.4rem,radial-gradient(circle at 75% 75%,rgba(255,255,255,.5) 0 .22rem,transparent .24rem) 0 0/2.4rem 2.4rem;display:flex;align-items:center;justify-content:center}
.av-shelfcard__img img{display:block;width:auto;height:auto;max-width:16.8rem;max-height:17rem;object-fit:contain;filter:drop-shadow(0 .8rem 1rem rgba(34,22,38,.22))}
.av-shelfcard__body{position:relative;display:grid;gap:.8rem;min-width:0;align-content:center}
.av-shelfcard__name{font-family:var(--font-body-family);font-weight:700;font-size:2.6rem;line-height:1.15;text-transform:none;letter-spacing:0}
.av-shelfcard__name a{color:inherit;text-decoration:none}
.av-shelfcard__name a::after{content:"";position:absolute;inset:0}
.av-shelfcard:hover .av-shelfcard__name a{text-decoration:underline;text-underline-offset:.3rem}
.av-shelfcard__lead{margin:0;font-size:1.6rem}
.av-shelfcard__chips,.av-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none}
.av-shelfcard__chips li,.av-chips li{padding:.4rem 1.2rem;border-radius:4rem;background:#fff;font-weight:600;font-size:1.4rem;line-height:1.3}
.av-shelfcard__price{margin:0;font-size:1.5rem}
.av-shelfcard__price b{font-size:2.4rem}
.av-shelfcard__go{position:relative;display:flex;align-items:center}
@media screen and (max-width:989px){.av-shelfcard{grid-template-columns:13.2rem minmax(0,1fr)}.av-shelfcard__img{width:13.2rem;height:13.2rem;align-self:start}.av-shelfcard__img img{max-width:11.2rem;max-height:10.4rem}.av-shelfcard__go{grid-column:1 / -1}.av-shelfcard__go .button{width:100%}.av-shelfcard__name{font-size:2.2rem}}
/* телефон: круг кадра меньше — колонке текста остаётся от 200 px (в 174 px описание шло по три слова в строке) */
@media screen and (max-width:479px){.av-shelfcard{padding:1.8rem;gap:1.6rem;grid-template-columns:8.8rem minmax(0,1fr)}.av-shelfcard__img{width:8.8rem;height:8.8rem}.av-shelfcard__img img{max-width:7.4rem;max-height:7rem}}
