.ag-topvariants{width:100%;box-sizing:border-box}
.ag-topvariants__title{margin:0 0 14px 0;font-weight:700}
.ag-topvariants__list{display:grid;gap:14px}
.ag-topvariants--horizontal .ag-topvariants__list{grid-template-columns:repeat(5,minmax(0,1fr))}
.ag-topvariants--vertical .ag-topvariants__list{grid-template-columns:1fr}
.ag-topvariants__card{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid #dde5d8;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04);min-width:0;text-decoration:none;color:inherit}
.ag-topvariants__media{display:block;text-decoration:none}
.ag-topvariants__media img{width:100%;height:auto;display:block;border-radius:10px;background:#f4f4f4}
.ag-topvariants__content{display:flex;flex-direction:column;gap:6px;min-width:0}
.ag-topvariants__name{font-weight:700;line-height:1.3;text-decoration:none}
.ag-topvariants__name:hover{text-decoration:underline}
.ag-topvariants__meta,.ag-topvariants__price,.ag-topvariants__hits,.ag-topvariants__empty{font-size:.95rem;opacity:.88}
@media (max-width: 1280px){.ag-topvariants--horizontal .ag-topvariants__list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width: 980px){.ag-topvariants--horizontal .ag-topvariants__list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width: 720px){.ag-topvariants--horizontal .ag-topvariants__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 460px){.ag-topvariants--horizontal .ag-topvariants__list{grid-template-columns:1fr}}

.ag-topvariants__card:hover{box-shadow:0 3px 10px rgba(0,0,0,.08);text-decoration:none}