/* Стили подсказок поиска. Подключается в чанке header.

   29.08.2026 (просьба Андрея через Михаила): в строку вернулись кружки
   цветов — но ТОЛЬКО как показ. Они ничего не переключают, а маркера
   наличия рядом с ними нет: от прежнего варианта Андрей отказался именно
   из-за «под заказ» на половине строк.

   Вид кружков повторяет каталожные (.cvg-dot в cvg.css), только мельче:
   строка подсказки узкая. Размеры и обводка должны совпадать по смыслу —
   иначе поиск и выдача выглядят как два разных сайта. */

/* Левая половина строки (фото + текст) не растягивалась: строка — flex со
   space-between, и на телефоне под название оставалось 43 px из 375, справа
   при этом пустовало полэкрана. Название клампилось в три строки, а кружки
   ломались на два ряда. Замер 29.08.2026 на ширине 375. */
.cvg-sug-row {
    flex: 1 1 auto;
    min-width: 0;
}
.cvg-sug-text {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}
.cvg-sug-colors {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}
/* Без белой прослойки (выбор Михаила 29.08.2026 из шести концептов).
   Было: белая рамка 2 px внутрь плюс серый контур снаружи — под цвет
   оставался круг 12 px из 16, меньше половины площади значка. Стало: контур
   тонкой линией ПОВЕРХ края, цвет занимает весь кружок (+78% площади).
   Контур обязателен и убирать его нельзя: белый и серебристый без него
   сливаются с фоном подсказки. */
.cvg-sug-chip {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .18);
    box-sizing: border-box;
    flex: 0 0 auto;
}
/* Обводки у первого кружка нет (решение Михаила 29.08.2026): красный контур
   означает «выбранный вариант» и был нужен, пока цвет переключался прямо в
   подсказке. Здесь кружки — иллюстрация того, что у модели есть разные цвета
   в продаже, выделять среди них нечего. */
.cvg-sug-more {
    font-size: 11px;
    line-height: 1;
    color: #86868b;
}

@media (max-width: 768px) {
    .mse2-ac-item-title {
        font-size: 14px !important;
        line-height: 1.2;
        -webkit-line-clamp: 3 !important;
    }
    .mse2-ac-item { gap: 5px !important; }
    .cvg-sug-chip { width: 14px; height: 14px; }
    .cvg-sug-colors { gap: 5px; }
}