.ankasoft-dcm-wrapper { display: flex; gap: 25px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
.ankasoft-parent-cat-list { list-style: none; padding: 0; margin: 0; flex: 0 0 220px; border-right: 1px solid #EAEAEA; }
.ankasoft-parent-cat-list .parent-cat-item a { display: block; padding: 10px 15px; text-decoration: none; border-radius: 6px; color: #333; font-weight: 500; margin-bottom: 2px; transition: background-color 0.2s ease, color 0.2s ease; }
.ankasoft-parent-cat-list .parent-cat-item a.active, .ankasoft-parent-cat-list .parent-cat-item a:hover { background-color: #F5F5F5; color: #000; }
.ankasoft-child-cat-content { flex: 1; min-height: 250px; }
.ankasoft-child-grid { display: none; gap: 20px; }
.ankasoft-child-grid.active { display: grid; }
.child-cat-item a { display: flex; flex-direction: column; align-items: center; text-decoration: none; gap: 10px; color: #333; transition: transform 0.2s ease; }
.child-cat-item a:hover { transform: translateY(-3px); }
.child-cat-item img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 8px; background-color: #f8f8f8; border: 1px solid #EEE; }
.child-cat-item span { font-size: 14px; text-align: center; font-weight: 500; }
.ankasoft-no-child { color: #999; display: flex; align-items: center; justify-content: center; height: 100%; font-size: 15px; width: 100%; }