#add_to_cart:has(#popup-cross-sells-container:not(:empty)) .popup-footer-actions {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

#add_to_cart .modal-dialog:has(#popup-cross-sells-container:not(:empty)) {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
    #add_to_cart .modal-dialog:has(#popup-cross-sells-container:not(:empty)) {
        max-width: 720px;
    }
}

/* --- Стили для списка сопутствующих товаров --- */

.cross-sell-list {
    display: flex;
    flex-direction: column;
    gap: 10px; /* Расстояние между товарами */
}

.cross-sell-item {
    display: flex;
    flex-wrap: wrap; /* Разрешаем перенос на мобильных */
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.cross-sell-item:last-child {
    border-bottom: none;
}

.cross-sell-item__name {
    flex-grow: 1; /* Занимает все доступное пространство */
    padding-right: 15px;
}

.cross-sell-item__name a {
    font-weight: 500;
    color: #333;
    text-decoration: none;
}

.cross-sell-item__price {
    flex-shrink: 0; /* Не сжимается */
    margin: 0 15px;
    font-weight: bold;
    min-width: 100px; /* Минимальная ширина для выравнивания */
    text-align: right;
}

.cross-sell-item__button {
    flex-shrink: 0; /* Не сжимается */
}

/* Адаптивность для мобильных устройств */
@media (max-width: 576px) {
    .cross-sell-item {
        flex-wrap: nowrap;
        align-items: center;
        gap: 10px;
    }

    .cross-sell-item__name {
      flex-grow: 1;
      flex-shrink: 1;
      min-width: 0;
      text-align: left;
      margin: 0;
      padding-right: 0;
      white-space: normal;
  }

    .cross-sell-item__price {
        flex-shrink: 0;
        text-align: right;
        margin: 0;
        padding-right: 0;
    }

    .cross-sell-item__button {
        flex-shrink: 0; /* Запрещаем кнопке сжиматься */
        margin: 0;
        padding-right: 0;
    }

    .cross-sell-item__button .button {
        width: auto; /* Отменяем ширину 100% */
        white-space: nowrap; /* Предотвращаем перенос текста на кнопке */
    }
}
/* Отображение старой и новой цены друг под другом */
.cross-sell-item__price del,
.cross-sell-item__price ins {
    display: block;
    line-height: 1.3;
}

.cross-sell-item__price ins {
    text-decoration: none; /* Убирает подчеркивание у новой цены */
}
/* Цвет для названия товара и цены в cross-sell попапе */
.cross-sell-item__name a,
.cross-sell-item__price {
    color: #00a651;
}

/* Оставляем старую цену менее заметной */
.cross-sell-item__price del {
    color: #888; /* Можете изменить на другой оттенок серого */
}