.header-logo__img {
    width: 111px !important;
    height: 85px !important;
}
/* Фикс для главного баннера, чтобы не прыгал */
.uni-slideshow_v2__img {
    aspect-ratio: 452 / 320;
    width: 100%;
    height: auto;
}

/* Фикс прыжка шапки (CLS) */
.top-menu {
    min-height: 45px;
}
header {
    min-height: 140px;
}
@media (max-width: 992px) {
    header {
        min-height: 100px; /* Для мобильной версии высота меньше */
    }
}

table.MuiTable-root {
    background: #0ab4ff4d;
    width: 100% !important;
    border-collapse: collapse;
}
table.MuiTable-root th, table.MuiTable-root td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}
table.MuiTable-root th {
    background: #f3f3f3;
    font-weight: 600;
    color: #333;
}
@media screen and (max-width: 900px) {
    table.MuiTable-root,
    table.MuiTable-root thead,
    table.MuiTable-root tbody,
    table.MuiTable-root th,
    table.MuiTable-root td,
    table.MuiTable-root tr {
        display: block;
        width: 100%;
    }
    table.MuiTable-root thead {
        display: none;
    }
    table.MuiTable-root tr {
        margin-bottom: 16px;
        border-bottom: 1px solid #ddd;
    }
    table.MuiTable-root td {
        position: relative;
        padding-left: 45%;
        border: none;
        border-bottom: 1px solid #eee;
        min-height: 40px;
        box-sizing: border-box;
    }
    /* Подписи колонок через nth-child */
    table.MuiTable-root td:nth-child(1):before { content: "№"; color: #000; }
    table.MuiTable-root td:nth-child(2):before { content: "Упаковка"; color: #000; }
    table.MuiTable-root td:nth-child(3):before { content: "Емкость"; color: #000; }
    table.MuiTable-root td:nth-child(4):before { content: "Вес"; color: #000; }
    table.MuiTable-root td:nth-child(5):before { content: "Длина"; color: #000; }
    table.MuiTable-root td:nth-child(6):before { content: "Ширина"; color: #000; }
    table.MuiTable-root td:nth-child(7):before { content: "Высота"; color: #000; }
    table.MuiTable-root td:nth-child(8):before { content: "Объем"; color: #000; }
    table.MuiTable-root td:before {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        font-weight: 600;
        white-space: normal;
    }
}
