.altaistar-popular { margin: 1.5rem 0; }
.altaistar-popular > .uk-panel-title { margin: 0 0 1rem; font-size: 22px; line-height: 1.3; text-align: center; }
.altaistar-popular .altaistar-popular-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin: 0; padding: 0; list-style: none; }
.altaistar-popular-card { min-width: 0; margin: 0; padding: 0; border: 1px solid rgb(100 120 90 / 25%); border-radius: 3px; background: var(--background-color, #fff); }
.altaistar-popular-card a { display: grid; grid-template-columns: 70px minmax(0, 1fr); gap: 12px; align-items: center; height: 100%; padding: 12px; box-sizing: border-box; color: var(--title-color, #444); text-decoration: none; font-size: 15px; line-height: 1.4; }
.altaistar-popular-card a:hover { color: #70a63a; text-decoration: underline; }
.altaistar-popular-card a:focus-visible { outline: 2px solid #70a63a; outline-offset: 2px; }
.altaistar .altaistar-popular .altaistar-popular-card img { display: block; width: 70px; height: 46px; object-fit: cover; }
.altaistar-popular-placeholder { display: grid; place-items: center; width: 70px; height: 46px; background: #e2f0d7; color: #526946; font-size: 20px; }
@media (min-width: 768px) { .altaistar-popular .altaistar-popular-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 360px) {
  .altaistar-popular.uk-panel-box { padding: 12px; }
  .altaistar-popular-card a { grid-template-columns: 60px minmax(0, 1fr); gap: 10px; padding: 10px; }
  .altaistar .altaistar-popular .altaistar-popular-card img, .altaistar-popular-placeholder { width: 60px; height: 40px; }
}