.block-spec-table{
    width: 100%;
}

.block-spec-table .spec-table__title{
    margin: 0 0 18px;
    font-weight: 800;
}

.block-spec-table .spec-table__outer{
    width: 100%;
    background: #fff;
    border-radius: 16px;
    border: 1px solid rgba(0,0,0,0.08);
    overflow: hidden;
}

.block-spec-table .spec-table__scroll{
    width: 100%;
    overflow-x: auto;                 /* mobile scroll */
    -webkit-overflow-scrolling: touch;
}

.block-spec-table .spec-table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 720px;                 /* forces scroll on mobile */
}

.block-spec-table .spec-table__th,
.block-spec-table .spec-table__td,
.block-spec-table .spec-table__feature{
    padding: 18px 20px;
    background-color: white;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    border-right: 1px solid rgba(0,0,0,0.08);
    vertical-align: center;
    text-align: left;
}

.block-spec-table .spec-table__th:last-child,
.block-spec-table .spec-table__td:last-child{
    border-right: 0;
}

.block-spec-table thead .spec-table__th{
    font-size: .92rem;
    font-weight: 600;
    background: rgba(0,0,0,0.03);
    text-align: left;
}

.block-spec-table .spec-table__feature{
    white-space: nowrap;
    min-width: 220px;
    background: #fff;
}

.block-spec-table tbody tr:last-child .spec-table__td,
.block-spec-table tbody tr:last-child .spec-table__feature{
    border-bottom: 0;
}

.block-spec-table .spec-table{
    table-layout: fixed; /* makes colgroup widths obey nicely */
    width: 100%;
}

.block-spec-table .spec-table__feature{
    white-space: normal;   /* allow wrapping since it’s wider now */
}


/* Desktop: full width, no forced min-width if you prefer */
@media (min-width: 1024px){
    .block-spec-table .spec-table{
        min-width: 0; /* table fits container */
    }
}
.block-spec-table th,
.block-spec-table td {
    white-space: normal;        /* allow wrapping */
    word-break: break-word;     /* break long words if needed */
    overflow-wrap: anywhere;    /* modern browsers */
}
.block-spec-table.spec-table--single-feature
.spec-table__feature {
    white-space: normal;
    text-align: left;
}