.pricing-page,
.pricing-compare {
    max-width: 100%;
    overflow-x: clip;
}

.pricing-compare .container {
    min-width: 0;
    max-width: 100%;
}

.pricing-table-shell {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    border: 1px solid var(--p-line);
    border-radius: 1rem;
    background: #fff;
}

.pricing-table-wrap {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border: 0;
    border-radius: 0;
    overscroll-behavior-inline: contain;
    scrollbar-gutter: stable;
    touch-action: pan-x pan-y;
    -webkit-overflow-scrolling: touch;
}

.pricing-table-wrap table {
    width: max-content;
    min-width: 100%;
    table-layout: fixed;
}

.pricing-table-wrap th:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    width: clamp(150px, 42vw, 260px);
    min-width: clamp(150px, 42vw, 260px);
    background: #fff;
    box-shadow: 1px 0 0 var(--p-line);
}

.pricing-table-wrap thead th:first-child {
    z-index: 4;
}

.pricing-table-wrap th:not(:first-child),
.pricing-table-wrap td {
    width: 140px;
    min-width: 140px;
}

@media (max-width: 575.98px) {
    .pricing-table-shell {
        border-radius: .8rem;
    }

    .pricing-table-wrap {
        scrollbar-width: thin;
    }

    .pricing-table-wrap th,
    .pricing-table-wrap td {
        padding: .85rem .75rem;
    }

    .pricing-table-wrap th:not(:first-child),
    .pricing-table-wrap td {
        width: 124px;
        min-width: 124px;
    }
}