.bd-stock-levels .stock-levels-part {
            display: flex;
            align-items: center;
            gap: 24px;
            max-width: 1000px;
            margin: 40px auto;
        }

        .bd-stock-levels .stock-levels-part-number {
            flex: 0 0 160px;
            margin: 0;
            overflow-wrap: anywhere;
        }

        .bd-stock-levels .stock-levels-table {
            width: 100%;
            min-width: 0;
            flex: 1;
            margin: 0;
            border-collapse: collapse;
            table-layout: fixed;
        }

        .bd-stock-levels .stock-levels-table th,
        .bd-stock-levels .stock-levels-table td {
            border: 1px solid #dddddd;
            padding: 18px 12px;
            text-align: center;
            vertical-align: middle;
        }

        .bd-stock-levels .stock-levels-table thead th,
        .bd-stock-levels .stock-levels-table thead td {
            background: #222222;
            color: #ffffff;
            font-weight: bold;
        }

        .bd-stock-levels .stock-levels-table tbody th {
            background: #f8f8f8;
            text-align: left;
            font-weight: bold;
            text-transform: none;
            letter-spacing: normal;
        }

        .bd-stock-levels .stock-levels-table tbody td {
            background: #ffffff;
        }

        .bd-stock-levels .stock-levels-table tr > :first-child {
            width: 40%;
        }

        @media only screen and (max-width: 479px) {
            .bd-stock-levels .stock-levels-part {
                gap: 8px;
            }

            .bd-stock-levels .stock-levels-part-number {
                flex-basis: 80px;
                font-size: 14px;
            }

            .bd-stock-levels .stock-levels-table th,
            .bd-stock-levels .stock-levels-table td {
                padding: 12px 6px;
                font-size: 12px;
            }
        }