.shelf-card{margin-bottom:10px}.shelf-card-inner{display:flex;align-items:flex-start;background-color:#f3f3f3;border-radius:4px;padding:15px;transition:background-color .3s ease}.shelf-card-inner:hover{background-color:#d3d3d3}.shelf-card-image{flex-shrink:0;width:110px;height:150px;margin-right:20px}.shelf-card-image img{width:100%;height:150px;object-fit:contain}.shelf-card-content{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;gap:8px}.shelf-card-header{display:flex;align-items:baseline;gap:12px}.shelf-card-issue-date{display:flex;align-items:baseline;gap:8px;font-size:15px}.shelf-card-issue-date .issue-num{font-weight:500;color:#333}.shelf-card-issue-date .issue-date{color:#666;font-size:14px}.shelf-card-specs{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#555}.spec-item{display:flex;align-items:center}.spec-item:after{content:""}.spec-item:not(:last-child):after{content:"|";margin-left:12px;color:#ccc}.shelf-card-description{font-size:12px;color:#666;line-height:1.4;margin-top:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-height:2.8em}.shelf-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;max-height:2.5em}.shelf-card-tags .badge{font-size:11px;padding:4px 8px}.shelf-card-action{flex-shrink:0;margin-left:15px}.shelf-card .collection-toggle{border-radius:50%;width:40px;height:40px;border:none;outline:none;background-color:transparent;display:flex;justify-content:center;align-items:center;cursor:pointer}.shelf-card .collection-toggle i{font-size:28px;color:#000;display:flex;align-items:center;justify-content:center;line-height:1}.shelf-card .collection-toggle:hover .bi-check-circle{color:red}.shelf-card .collection-toggle:hover .bi-plus-circle,.shelf-card .collection-toggle .bi-check-circle{color:green}@media(max-width:768px){.shelf-card-tags{display:none}}