.bl-item {
    display: flex;
    gap: 8px;
    position: relative;
    max-width: 300px;
}


    .bl-item .image-wrapper {
        position: relative;
        display: inline-block;
        width: 52px; /* ¿øÇÏ´Â À̹ÌÁö Å©±â */
        height: 56px;
        flex-shrink: 0;
    }

    .bl-item .image-wrapper-over {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 9px;
        pointer-events: none; /* ¸¶¿ì½º À̺¥Æ® ¹«½Ã */
    }

/* °ËÁ¤»ö ¹ÝÅõ¸í ¿À¹ö·¹ÀÌ */
.image-wrapper.deleted .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.5); /* 50% Åõ¸íµµ */
    z-index: 0;
    pointer-events: none; /* ¸¶¿ì½º À̺¥Æ® ¹«½Ã */
}

.bl-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 0;
    border-radius: 4px;
}


.bl-item .item-name {
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 1px;
    color: #202020;
}

.bl-item .fs-italic {
    font-style: italic;
}



.bl-item .item-spec {
    color: #888;
    font-size: 12px;
    /*        display: inline-flex; */
    max-width: 256px;
    /*white-space: nowrap;*/ /* ÁÙ¹Ù²Þ ±ÝÁö */
    /*overflow: hidden;*/ /* ³ÑÄ£ ÅؽºÆ® ¼û±è */
    /*text-overflow: ellipsis;*/ /* ³ÑÄ£ ÅؽºÆ®¸¦ ... À¸·Î ó¸® */
}





.bl-item-header {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
    font-size: 12px;
    margin-bottom: 2px;
}