.product-item {
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: start;
    border-top: 1px solid #f9f9f9;
}
[data-bs-theme="dark"] .product-item {
    border-top: 1px solid #2f2f2f;
}
.product-item .product-action {
    display: none;
}
.product-item:hover .product-action {
    display: block;
}
.group-item {
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: start;
}
.group-item a {
    text-decoration: none;
}
.product-item .product-title {
    font-size: 18px;
    text-decoration: none;
    font-weight: 300;
    max-width: 140px;

    display: block;           /* важно для <a> */
    /*white-space: nowrap;      !* запрет переноса *!*/
    overflow: hidden;
    text-overflow: ellipsis;  /* троеточие */
}
.product-item:hover {
    background: #eeeeee;
}
.product-list div[class*="col-"]:hover:has(.item) {
    background-color: #f0f0f0;
}
.product-item .product-image {
    width: 52px;
    height: 52px;
    margin-right: 1rem;
    border-radius: 50%;
    text-decoration: none;

    -webkit-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.21);
    -moz-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.21);
    box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.21);
}
.product-item .product-image img {
    max-width: 52px;
    border-radius: 50%;
}
.product-item .product-image img.no-image {
    opacity: .3;
}

[data-bs-theme="dark"] .product-item:hover {
    background-color: rgba(50, 49, 49, 0.74);
}
/* Спрайты для изображений продуктов */
.product-item .product-image .product-sprite {
    display: block;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-repeat: no-repeat;

    /* Light тема - белый фон спрайта */
    background-image: url('/uploads/sprites/products_light_sprite.jpg');
    background-size: 2600px 2600px;
}

/* Dark тема - серый фон спрайта */
[data-bs-theme="dark"] .product-item .product-image .product-sprite {
    background-image: url('/uploads/sprites/products_dark_sprite.jpg');
}
/**
 * Нутриенты
 */
.nutrient-item {
    display: flex;
    align-items: center;
    justify-content: start;
}
.nutrient-sign {
    position: relative;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.46);
    /*text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);*/
    width: 48px;
    height: 48px;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(34, 60, 80, 0.21);
    -moz-box-shadow: 0px 0px 18px 0px rgba(34, 60, 80, 0.21);
    box-shadow: 0px 0px 18px 0px rgba(34, 60, 80, 0.21);
    background-color: #f5f5f5;
    margin-right: 1rem !important;
}
[data-bs-theme="dark"] .nutrient-sign {
    background-color: #666777;
}
.nutrient-sign span {
    z-index: 1;
}
.nutrient-sign i {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: .4;
}
.nutrient-item:hover .nutrient-sign i {
    opacity: .4;
}
.nutrient-item:hover .nutrient-sign span {
    color: #fff;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
}
.nutrient-title {
    position: relative;
}
.nutrient-item .badge {
    /*position: absolute;
    top: -8px;
    right: -25px; */
    font-size: 9px;
    margin-left: 1rem;
}

/**
 * Нутриент
 */
.nutrient {

}
.nutrient .nutrient-sign {
    position: relative;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.46);
    /*text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);*/
    width: 48px;
    height: 48px;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(34, 60, 80, 0.21);
    -moz-box-shadow: 0px 0px 18px 0px rgba(34, 60, 80, 0.21);
    box-shadow: 0px 0px 18px 0px rgba(34, 60, 80, 0.21);
    background-color: #f5f5f5;
    margin-right: 1rem !important;
}
.nutrient .nutrient-sign span {
    z-index: 1;
}
.nutrient .nutrient-sign i {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: .4;
}
.nutrient .nutrient-item:hover .nutrient-sign i {
    opacity: .4;
}
.nutrient .nutrient-item:hover .nutrient-sign span {
    color: #fff;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
}

/**
 *
 */
.products-table {

}
.products-table .product-image img {
    max-width: 48px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(34, 60, 80, 0.21);
    -moz-box-shadow: 0px 0px 18px 0px rgba(34, 60, 80, 0.21);
    box-shadow: 0px 0px 18px 0px rgba(34, 60, 80, 0.21);
}
.products-table thead tr th {
    color: #92949f ;
    font-weight: 400;
    font-size: 14px;
}
.products-table tbody tr td {
    font-size: 18px;
    text-decoration: none;
    font-weight: 300;
    vertical-align: middle;
}
.products-table tbody tr td a {
    text-decoration: none;
}