/* Бейджи-преимущества: единая карточка с SVG-иконкой.
   Общий канон для detail.html / bank.html / page.html (include
   includes/advantages.html; контент — advantage_items из контекста).
   Заменяет легаси-блоки #productsplus с зелёными картинками why*.webp
   и hue-rotate-фильтром (грил-решение 10.09). Цвет иконки — базовый
   акцент #306fae; тема avenu переопределяет фирменным #1f3a5f. */

.advantage {
    align-items: center;
    background: #fff;
    border: 1px solid #e5e7ec;
    border-radius: 14px;
    display: flex;
    gap: 14px;
    height: 100%;
    padding: 16px;
}

.advantage-icon {
    align-items: center;
    background: #eef2f7;
    border-radius: 50%;
    display: flex;
    flex: 0 0 auto;
    height: 56px;
    justify-content: center;
    width: 56px;
}

.advantage-icon svg {
    height: 28px;
    stroke: #306fae;
    width: 28px;
}

.advantage-icon svg circle,
.advantage-icon svg path {
    stroke: inherit;
}

.advantage-text h6 {
    font-size: 15px;
    line-height: 1.4;
    margin: 0 0 4px;
}

.advantage-text p {
    color: #5b6b7f;
    font-size: 13.5px;
    line-height: 1.5;
    margin: 0;
}