.table-branded table tbody tr td {
    background-color: #fff;
}
.table-branded table thead tr th,
.table-branded table tbody tr td
{
    padding: 1.5rem 2rem;
}

/*.table-branded table tbody tr {
    border-bottom: 1px solid #E5E7EB;
}

.table-branded table tbody tr:first-of-type,
.table-branded table tbody tr:last-of-type
{
    border: none;
}*/

.table-branded table thead tr th:last-of-type,
.table-branded table tbody tr td:last-of-type {
    background-color: #00182e;
    color: #fff;
}

#otc-compare-table table tfoot,
#otc-compare-table table tfoot td
{
    border: none;
}
#otc-compare-table table tfoot tr td:last-of-type {
    padding-bottom: 3rem;
    min-height: 3rem;
    height: 3rem;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #00182e;
}


.table-branded table tbody tr td:first-of-type {
    border-top-left-radius: 6px;
}

#otc-compare-table>div>figure>table {
    width: unset;
    min-width: 100%;
}

/* divide-y: add 1px top border between each sibling row/cell */
#otc-compare-table>div>figure>table> :not([hidden])~ :not([hidden]) {
    border-top-width: 1px;
}

/* divide-gray-300: set divider color to Tailwind’s gray-300 (#d1d5db) */
#otc-compare-table>div>figure>table> :not([hidden])~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
}

#otc-compare-table>div>figure {
    max-width: unset;
}

#otc-compare-table tbody td:last-of-type {
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#otc-compare-table tbody tr:first-of-type td:last-of-type {
    font-weight: normal;
}

#otc-compare-table tbody tr:last-of-type {
    vertical-align: sub;
}

#otc-compare-table tbody tr:first-of-type td {
    padding-top: 0 !important;
    padding-bottom: 30px;
}

/* 1) Outer wrapper: negative margins + horizontal scroll */
#otc-compare-table>.wp-block-group.alignwide {
    /* -mx-4 -my-2 */
    margin: -0.5rem -1rem;
    overflow-x: auto;
    /* overflow-x-auto */
    -webkit-overflow-scrolling: touch;
    /* smoother scrolling on iOS */
}

@media (min-width: 640px) {
    #otc-compare-table>.wp-block-group.alignwide {
        /* sm:-mx-6 */
        margin-left: -1.5rem;
        margin-right: -1.5rem;
    }
}

@media (min-width: 1024px) {

    #otc-compare-table thead th:last-of-type,
    #otc-compare-table tbody td:last-of-type {
        padding-left: 30px;
    }

    #otc-compare-table>.wp-block-group.alignwide {
        /* lg:-mx-8 */
        margin-left: -2rem;
        margin-right: -2rem;
    }
}

@media (min-width: 1300px) {

    #otc-compare-table thead th:last-of-type,
    #otc-compare-table tbody td:last-of-type {
        padding-left: 48px;
    }

}

/* 2) Inner wrapper: inline-block + full-width + vertical padding */
#otc-compare-table>.wp-block-group.alignwide>figure {
    display: inline-block;
    /* inline-block */
    min-width: 100%;
    /* min-w-full */
    padding-top: 0.5rem;
    /* py-2 */
    padding-bottom: 0.5rem;
    vertical-align: middle;
    /* align-middle */
    white-space: nowrap;
    /* prevent inner wrapping so table forces scroll */
}

#otc-compare-table thead tr th {
    padding-top: 3rem;
}

@media (min-width: 640px) {
    #otc-compare-table>.wp-block-group.alignwide>figure {
        /* sm:px-6 */
        /*padding-left: 1.5rem;*/
        /*padding-right: 1.5rem;*/
    }
}

@media (min-width: 1024px) {
    #otc-compare-table {
        /*display: none;*/
    }

    #otc-compare-table>.wp-block-group.alignwide>figure {
        /* lg:px-8 */
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

/* 3) Your table can stay as-is (min-w-full on the figure forces it),
   but if you find it still wrapping, you can also add: */
#otc-compare-table table {
    border-collapse: collapse;
    /* optionally: table-layout: fixed; */
}

@media (max-width: 639px) {
    #otc-compare-table {
        padding-left: 10px;
        padding-right: 0px;
    }

    #otc-compare-table td {
        font-size: 13px !important;
        padding-right: 10px;
    }
}

@media (max-width: 1023px) {
    #otc-compare-table thead tr th {
        padding-top: 2rem;
    }

    #otc-compare-table {
        margin-left: -2rem;
        margin-right: -2rem;
    }

    #otc-compare-table td {
        padding-right: 10px;
    }

    #otc-compare-table tbody td {
        padding-left: 10px;
    }

    #otc-compare-table>.wp-block-group.alignwide>figure>table th,
    #otc-compare-table>.wp-block-group.alignwide>figure>table td {
        max-width: 100px;
        /* cap width */
        white-space: normal;
        /* allow wrapping */
        word-wrap: break-word;
        /* wrap long words */
        overflow-wrap: break-word;
        /* wrap long words */
        vertical-align: sub;
    }
}