/* Sormedan product tables: column dividers and compact four-column mobile layout. */
.sm-product .sm-content-v1 table th,
.sm-product .sm-content-v1 table td {
    text-align: center;
    vertical-align: middle;
}

/* Physical right borders stay consistent when Latin cells have dir="ltr". */
.sm-product .sm-content-v1 table th + th,
.sm-product .sm-content-v1 table td + td {
    border-right: 1px solid #bfded8;
}

.sm-product .sm-content-v1 .table-scroll {
    max-width: 100%;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 767px) {
    /* Keep every column visible on the native ingredient tables. Other table
       structures retain their existing horizontal scrolling fallback. */
    .sm-product .sm-content-v1 .table-scroll table:has(> thead > tr > th:nth-child(4):last-child) {
        width: 100%;
        min-width: 0;
        table-layout: fixed;
        font-size: 13px;
    }

    .sm-product .sm-content-v1 .table-scroll table:has(> thead > tr > th:nth-child(4):last-child) th,
    .sm-product .sm-content-v1 .table-scroll table:has(> thead > tr > th:nth-child(4):last-child) td {
        box-sizing: border-box;
        padding: 9px 5px;
        font-size: 13px;
        line-height: 1.75;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    .sm-product .sm-content-v1 .table-scroll table:has(> thead > tr > th:nth-child(4):last-child) > thead > tr > th:nth-child(1) {
        width: 31%;
    }
    .sm-product .sm-content-v1 .table-scroll table:has(> thead > tr > th:nth-child(4):last-child) > thead > tr > th:nth-child(2) {
        width: 35%;
    }
    .sm-product .sm-content-v1 .table-scroll table:has(> thead > tr > th:nth-child(4):last-child) > thead > tr > th:nth-child(3) {
        width: 16%;
    }
    .sm-product .sm-content-v1 .table-scroll table:has(> thead > tr > th:nth-child(4):last-child) > thead > tr > th:nth-child(4) {
        width: 18%;
    }
}