/* Баннер-подсказка про ирригатор */
.product-description .info-banner {
    max-width: 480px;          /* ширина блока на десктопе */
    margin: 2rem auto 1.5rem;  /* центрировать и дать отступы сверху/снизу */
    text-align: center;
}

.product-description .info-banner img {
    display: block;
    width: 100%;        /* подгоняем под max-width figure */
    height: auto;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

.product-description .info-banner__caption {
    font-size: 0.9rem;
    color: #555;
    margin-top: 0.5rem;
}

/* Базовый контейнер */
.emmi-comparison {
    margin: 24px 0;
    padding: 16px;
    background: #f7faf9;
    border: 1px solid #e3ece9;
    border-radius: 16px;
}

/* Заголовок */
.emmi-comparison h3 {
    margin: 0 0 12px 0;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 700;
    color: #243036;
}

/* Таблица */
.emmi-comparison table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    line-height: 1.4;
}

/* Шапка */
.emmi-comparison th {
    text-align: left;
    padding: 12px 10px;
    font-weight: 700;
    color: #243036;
    border-bottom: 2px solid #d8e4df;
    vertical-align: bottom;
}

/* Ячейки */
.emmi-comparison td {
    padding: 10px;
    border-bottom: 1px solid #e6eeea;
    vertical-align: top;
}

/* Полосатые строки для читаемости */
.emmi-comparison tr:nth-child(even) td {
    background: #f2f7f5;
}

/* Галочки/крестики можно сделать крупнее */
.emmi-comparison td:first-child {
    font-weight: 600;
    color: #2e3137;
}

/* Маленький текст в скобках */
.emmi-comparison small {
    color: #6a7981;
    font-size: 12px;
}

/* Адаптив */

@media (max-width: 480px) {
    .product-description .info-banner {
        max-width: 380px;
        margin: 1.5rem auto 1rem;
    }

    .product-description .info-banner__caption {
        font-size: 0.85rem;
    }
}

@media (max-width: 720px) {
    .emmi-comparison {
        padding: 12px;
        border-radius: 12px;
    }
    .emmi-comparison h3 {
        font-size: 18px;
    }
    .emmi-comparison table,
    .emmi-comparison thead,
    .emmi-comparison tbody,
    .emmi-comparison th,
    .emmi-comparison td,
    .emmi-comparison tr {
        display: block;
    }
    .emmi-comparison thead {
        display: none; /* мобильный режим без шапки */
    }
    .emmi-comparison tr {
        border: 1px solid #e6eeea;
        border-radius: 10px;
        margin: 10px 0;
        overflow: hidden;
        background: #fff;
    }
    .emmi-comparison td {
        border: none;
        border-bottom: 1px solid #eef4f1;
        position: relative;
        padding: 10px 12px;
    }
    .emmi-comparison td:last-child {
        border-bottom: none;
    }
    /* Псевдо-заголовки для мобильного (через data-label можно расширить, но здесь коротко) */
    .emmi-comparison td:nth-child(1)::before { content: "Критерій / Критерий"; font-weight: 600; display: block; margin-bottom: 4px; color: #2e3137; }
    .emmi-comparison td:nth-child(2)::before { content: "Emmi-Dent"; font-weight: 600; display: block; margin-bottom: 4px; color: #2e3137; }
    .emmi-comparison td:nth-child(3)::before { content: "Звич./Обычн."; font-weight: 600; display: block; margin-bottom: 4px; color: #2e3137; }
}

/* Тёмный режим (если знаешь, что бывает) */
@media (prefers-color-scheme: dark) {
    .emmi-comparison {
        background: #1e1f22;
        border-color: #2a2c31;
    }
    .emmi-comparison h3 { color: #e8efef; }
    .emmi-comparison th { color: #e8efef; border-bottom-color: #2a2c31; }
    .emmi-comparison td { border-bottom-color: #2a2c31; color: #e0e6e6; }
    .emmi-comparison tr:nth-child(even) td { background: #24262a; }
    .emmi-comparison small { color: #9aa7ad; }
}