@import url('/assets/css/store-ui.css');

.categories-container .category-list { list-style: none; padding: 0; margin: 0; grid-auto-rows: 1fr; }
.categories-container .category-list li { display: flex; }
.categories-container .category-link { display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 100%; min-height: 100px; padding: 24px; color: var(--ui-ink); font-weight: 600; text-decoration: none; }
.categories-container .category-link .ui-icon { color: var(--ui-accent); }
@media (hover: hover) {
    .categories-container .category-link:hover { background: #eef4e7; border-color: #b8cda6; }
}
@media (min-width: 600px) {
    .categories-container .category-list { --ui-columns: 2; }
}
@media (min-width: 1024px) {
    .categories-container .category-list { --ui-columns: 3; }
}