.elementor-22722 .elementor-element.elementor-element-1aeb26a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-22722 .elementor-element.elementor-element-1aeb26a:not(.elementor-motion-effects-element-type-background), .elementor-22722 .elementor-element.elementor-element-1aeb26a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f539929 );}.elementor-22722 .elementor-element.elementor-element-21a3feb{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-22722 .elementor-element.elementor-element-21a3feb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-22722 .elementor-element.elementor-element-21a3feb img{width:75%;}.elementor-22722 .elementor-element.elementor-element-37ef797{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-22722 .elementor-element.elementor-element-37ef797 > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-22722 .elementor-element.elementor-element-eeee5be{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22722 .elementor-element.elementor-element-2f3870b{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-22722 .elementor-element.elementor-element-ae79454{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-22722 .elementor-element.elementor-element-433061b > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-22722 .elementor-element.elementor-element-433061b{text-align:start;}.elementor-22722 .elementor-element.elementor-element-5fa5eb4{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-22722 .elementor-element.elementor-element-593ea27 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-22722 .elementor-element.elementor-element-593ea27{text-align:start;}.elementor-22722 .elementor-element.elementor-element-fd13c00{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--border-radius:20px 20px 20px 20px;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22722 .elementor-element.elementor-element-5e19d4c{width:100%;max-width:100%;text-align:center;}.elementor-22722 .elementor-element.elementor-element-5e19d4c > .elementor-widget-container{background-color:var( --e-global-color-text );margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-22722 .elementor-element.elementor-element-5e19d4c .elementor-heading-title{color:var( --e-global-color-f539929 );}.elementor-22722 .elementor-element.elementor-element-63fef6b > .elementor-widget-container{padding:0px 0px 50px 0px;}.elementor-22722 .elementor-element.elementor-element-6946721{width:100%;max-width:100%;text-align:center;}.elementor-22722 .elementor-element.elementor-element-6946721 > .elementor-widget-container{background-color:var( --e-global-color-text );margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-22722 .elementor-element.elementor-element-6946721 .elementor-heading-title{color:var( --e-global-color-f539929 );}.elementor-22722 .elementor-element.elementor-element-5fae44c > .elementor-widget-container{padding:0px 0px 50px 0px;}.elementor-22722 .elementor-element.elementor-element-27f7dc6{width:100%;max-width:100%;text-align:center;}.elementor-22722 .elementor-element.elementor-element-27f7dc6 > .elementor-widget-container{background-color:var( --e-global-color-text );margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-22722 .elementor-element.elementor-element-27f7dc6 .elementor-heading-title{color:var( --e-global-color-f539929 );}.elementor-22722 .elementor-element.elementor-element-f093069{width:100%;max-width:100%;text-align:center;}.elementor-22722 .elementor-element.elementor-element-f093069 > .elementor-widget-container{background-color:var( --e-global-color-text );margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-22722 .elementor-element.elementor-element-f093069 .elementor-heading-title{color:var( --e-global-color-f539929 );}.elementor-22722 .elementor-element.elementor-element-51d45b0 > .elementor-widget-container{padding:0px 0px 50px 0px;}.elementor-22722 .elementor-element.elementor-element-4a1e72a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22722 .elementor-element.elementor-element-89fc51a{width:100%;max-width:100%;text-align:center;}.elementor-22722 .elementor-element.elementor-element-89fc51a > .elementor-widget-container{background-color:var( --e-global-color-text );margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-22722 .elementor-element.elementor-element-89fc51a .elementor-heading-title{color:var( --e-global-color-f539929 );}@media(min-width:768px){.elementor-22722 .elementor-element.elementor-element-eeee5be{--width:100%;}}@media(max-width:1200px){.elementor-22722 .elementor-element.elementor-element-1aeb26a{--justify-content:center;--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-22722 .elementor-element.elementor-element-eeee5be{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-22722 .elementor-element.elementor-element-2f3870b{--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22722 .elementor-element.elementor-element-fd13c00{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-22722 .elementor-element.elementor-element-5e19d4c .elementor-heading-title{font-size:20px;}.elementor-22722 .elementor-element.elementor-element-63fef6b > .elementor-widget-container{margin:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-22722 .elementor-element.elementor-element-6946721 .elementor-heading-title{font-size:20px;}.elementor-22722 .elementor-element.elementor-element-5fae44c > .elementor-widget-container{margin:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-22722 .elementor-element.elementor-element-27f7dc6 .elementor-heading-title{font-size:20px;}.elementor-22722 .elementor-element.elementor-element-b12a62d > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-22722 .elementor-element.elementor-element-f093069 .elementor-heading-title{font-size:20px;}.elementor-22722 .elementor-element.elementor-element-51d45b0 > .elementor-widget-container{margin:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-22722 .elementor-element.elementor-element-4a1e72a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22722 .elementor-element.elementor-element-89fc51a > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-22722 .elementor-element.elementor-element-89fc51a .elementor-heading-title{font-size:20px;}.elementor-22722 .elementor-element.elementor-element-1dec5d0 > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-22722 .elementor-element.elementor-element-e8a8e0e > .elementor-widget-container{margin:10px 10px 10px 10px;}}@media(max-width:767px){.elementor-22722 .elementor-element.elementor-element-1aeb26a{--flex-wrap:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-22722 .elementor-element.elementor-element-21a3feb > .elementor-widget-container{margin:10px 10px 10px 10px;padding:0px 0px 30px 0px;}.elementor-22722 .elementor-element.elementor-element-21a3feb{--container-widget-width:500px;--container-widget-flex-grow:0;width:var( --container-widget-width, 500px );max-width:500px;}.elementor-22722 .elementor-element.elementor-element-21a3feb img{width:100%;}.elementor-22722 .elementor-element.elementor-element-37ef797 > .elementor-widget-container{margin:10px 10px 10px 10px;padding:0px 0px 50px 0px;}.elementor-22722 .elementor-element.elementor-element-eeee5be{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-22722 .elementor-element.elementor-element-2f3870b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-22722 .elementor-element.elementor-element-fd13c00{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-22722 .elementor-element.elementor-element-5e19d4c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22722 .elementor-element.elementor-element-6946721 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22722 .elementor-element.elementor-element-27f7dc6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22722 .elementor-element.elementor-element-f093069 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22722 .elementor-element.elementor-element-89fc51a > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS *//* =========================================================
   PSM RESPONSIVE PRODUCT / SPECIFICATION TABLES
   GLOBAL CSS

   DESKTOP:
   - Full width
   - Inherits website / Elementor typography

   TABLET:
   - Wrapper fills complete Elementor column
   - Body / data: 11px
   - Headers: 10px
   - Horizontal scrolling retained where required
   - Strong visible scrollbar
   - No unnecessary blank space on the right

   MOBILE:
   - Wrapper fills complete mobile width
   - Horizontal scrolling retained
   - Body / data: 11px
   - Headers: 10px
   - Small mobile does not shrink further
   - Exact table widths prevent trailing blank scroll space
   ========================================================= */


/* =========================================================
   GLOBAL BOX SIZING
   ========================================================= */

.psm-table-wrap,
.psm-table-wrap *,
.psm-table,
.psm-table * {
    box-sizing: border-box;
}


/* =========================================================
   TABLE WRAPPER
   ========================================================= */

.psm-table-wrap {
    position: relative;
    display: block;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 12px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;

    scrollbar-width: auto;
    scrollbar-color: #1299e5 #d9e1e6;
}


/* =========================================================
   HIGH-VISIBILITY HORIZONTAL SCROLLBAR
   CHROME / EDGE / SAFARI
   ========================================================= */

.psm-table-wrap::-webkit-scrollbar {
    width: 13px;
    height: 13px;
}


.psm-table-wrap::-webkit-scrollbar-track {
    background: #d9e1e6;
    border-radius: 20px;
}


.psm-table-wrap::-webkit-scrollbar-thumb {
    background: #1299e5;

    border: 2px solid #d9e1e6;
    border-radius: 20px;

    min-width: 46px;
}


.psm-table-wrap::-webkit-scrollbar-thumb:hover {
    background: #0b7fbd;
}


/* =========================================================
   ELEMENTOR WIDTH SAFETY
   ========================================================= */

.elementor-widget-html:has(.psm-table-wrap),
.elementor-widget-html:has(.psm-table-wrap) .elementor-widget-container,
.elementor-widget-container:has(.psm-table-wrap) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* =========================================================
   BASE TABLE
   ========================================================= */

.psm-table {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border-collapse: collapse;
    border-spacing: 0;

    table-layout: fixed;

    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}


/* =========================================================
   REMOVE EXTRA TABLE MARGINS
   ========================================================= */

.psm-table-wrap > .psm-table {
    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* =========================================================
   CELLS
   ========================================================= */

.psm-table th,
.psm-table td {
    border: 1px solid #34495e;

    padding: 8px 10px;

    vertical-align: middle;
    text-align: center;

    font-family: inherit;
    font-size: inherit;
    line-height: 1.25;

    word-break: normal;
    overflow-wrap: normal;
}


.psm-table th {
    font-weight: 700;
}


/* =========================================================
   TABLE 1
   PLATE DIMENSIONS / STUD LENGTH
   ========================================================= */

.psm-table-availability {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    table-layout: fixed !important;
}


.psm-table-availability thead th {
    background: #d9e8f4;
    color: #123e62;

    white-space: normal;
}


.psm-table-availability thead .psm-table-group th {
    background: #ffffff;

    font-weight: 700;
}


.psm-table-availability tbody th,
.psm-table-availability tbody td {
    background: #ffffff;
}


.psm-table-availability tbody td:nth-child(even) {
    background: #dceaf5;
}


.psm-table-availability tbody th {
    background: #ffffff;
}


.psm-available {
    display: inline-block;

    color: #126091;

    font-weight: 700;
    line-height: 1;
}


/* =========================================================
   BLUE HEADER TABLES
   ========================================================= */

.psm-table-blue {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    table-layout: fixed !important;
}


.psm-table-blue thead th {
    background: #1299e5;
    color: #ffffff;

    border-color: #1d1d1d;

    font-weight: 500;

    padding: 14px 7px;

    white-space: normal;

    word-break: normal;
    overflow-wrap: normal;
}


.psm-table-blue tbody td {
    border-color: #333333;

    font-weight: 600;
}


.psm-table-blue tbody tr:nth-child(odd) td {
    background: #ffffff;
}


.psm-table-blue tbody tr:nth-child(even) td {
    background: #dceaf5;
}


/* =========================================================
   TORQUE TABLE
   ========================================================= */

.psm-table-torque {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    table-layout: fixed !important;
}


.psm-table-torque th,
.psm-table-torque td {
    width: 16.6667% !important;
    min-width: 0 !important;
}


.psm-table-torque th:nth-child(4),
.psm-table-torque td:nth-child(4) {
    border-left-width: 2px;
    border-left-color: #111111;
}


.psm-table-torque td {
    white-space: nowrap;
}


/* =========================================================
   FINISH / COATING TABLE
   ========================================================= */

.psm-table-finishes {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    table-layout: fixed !important;
}


/* CODE */

.psm-table-finishes th:nth-child(1),
.psm-table-finishes td:nth-child(1) {
    width: 9% !important;

    white-space: nowrap;
}


/* DESCRIPTION */

.psm-table-finishes th:nth-child(2),
.psm-table-finishes td:nth-child(2) {
    width: 38% !important;
}


/* COLOUR */

.psm-table-finishes th:nth-child(3),
.psm-table-finishes td:nth-child(3) {
    width: 24% !important;
}


/* USAGE */

.psm-table-finishes th:nth-child(4),
.psm-table-finishes td:nth-child(4) {
    width: 29% !important;
}


.psm-table-finishes th,
.psm-table-finishes td {
    white-space: normal !important;

    word-break: normal !important;
    overflow-wrap: break-word !important;
}


.psm-table-finishes th:first-child,
.psm-table-finishes td:first-child {
    white-space: nowrap !important;
}


/* =========================================================
   ELEMENTOR / THEME TABLE SIDE EFFECTS
   ========================================================= */

.elementor-widget-html .psm-table-wrap table {
    margin-bottom: 0 !important;
}


.elementor-widget-html .psm-table-wrap th,
.elementor-widget-html .psm-table-wrap td {
    font-family: inherit;
}


.elementor-widget-html .psm-table-wrap tbody > tr:nth-child(odd) > td,
.elementor-widget-html .psm-table-wrap tbody > tr:nth-child(odd) > th,
.elementor-widget-html .psm-table-wrap tbody > tr:nth-child(even) > td,
.elementor-widget-html .psm-table-wrap tbody > tr:nth-child(even) > th {
    transition: none;
}


/* =========================================================
   TABLET
   768px - 1024px

   BODY / DATA: 11px
   HEADERS: 10px

   IMPORTANT:
   - Visible wrapper fills 100% of Elementor column
   - Tables use full available width
   - Wide tables scroll instead of being clipped
   - No unnecessary blank area on right
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .psm-table-wrap {
        position: relative;
        display: block;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 12px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;

        scrollbar-width: auto;
        scrollbar-color: #1299e5 #d9e1e6;
    }


    /* =====================================================
       BODY / DATA
       ===================================================== */

    .psm-table {
        font-size: 11px !important;
        line-height: 1.15 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    .psm-table th,
    .psm-table td {
        font-size: 11px !important;
        line-height: 1.15 !important;

        padding: 6px 5px !important;
    }


    /* =====================================================
       HEADERS
       ===================================================== */

    .psm-table thead th {
        font-size: 10px !important;
        line-height: 1.1 !important;

        padding: 6px 4px !important;

        white-space: normal !important;

        word-break: normal !important;
        overflow-wrap: normal !important;
    }


    /* =====================================================
       AVAILABILITY

       950px minimum engineering width.
       If Elementor column is wider, table fills 100%.
       ===================================================== */

    .psm-table-availability {
        width: max(100%, 950px) !important;
        min-width: max(100%, 950px) !important;
        max-width: max(100%, 950px) !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        table-layout: fixed !important;
    }


    /* =====================================================
       STANDARD BLUE TABLE
       ===================================================== */

    .psm-table-blue {
        width: max(100%, 700px) !important;
        min-width: max(100%, 700px) !important;
        max-width: max(100%, 700px) !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        table-layout: fixed !important;
    }


    /* =====================================================
       TORQUE
       ===================================================== */

    .psm-table-torque {
        width: max(100%, 700px) !important;
        min-width: max(100%, 700px) !important;
        max-width: max(100%, 700px) !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        table-layout: fixed !important;
    }


    .psm-table-torque th,
    .psm-table-torque td {
        width: 16.6667% !important;
    }


    /* =====================================================
       FINISH
       ===================================================== */

    .psm-table-finishes {
        width: max(100%, 820px) !important;
        min-width: max(100%, 820px) !important;
        max-width: max(100%, 820px) !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        table-layout: fixed !important;
    }


    .psm-table-finishes th,
    .psm-table-finishes td {
        white-space: normal !important;

        word-break: normal !important;
        overflow-wrap: break-word !important;
    }


    .psm-available {
        font-size: 11px !important;
    }


    /* =====================================================
       TABLET SCROLLBAR
       ===================================================== */

    .psm-table-wrap::-webkit-scrollbar {
        height: 13px;
    }


    .psm-table-wrap::-webkit-scrollbar-track {
        background: #d9e1e6;
        border-radius: 20px;
    }


    .psm-table-wrap::-webkit-scrollbar-thumb {
        background: #1299e5;

        border: 2px solid #d9e1e6;
        border-radius: 20px;

        min-width: 46px;
    }
}


/* =========================================================
   MOBILE
   <= 767px

   SAME TYPOGRAPHY AS TABLET

   IMPORTANT:
   - Wrapper is always complete mobile width
   - Tables remain wider where needed
   - Exact width/min/max prevents blank scroll area
   ========================================================= */

@media (max-width: 767px) {

    .psm-table-wrap {
        position: relative;
        display: block;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 12px !important;

        overflow-x: scroll !important;
        overflow-y: hidden !important;

        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;

        scrollbar-width: auto;
        scrollbar-color: #1299e5 #d9e1e6;

        /*
         * Subtle edge cue indicating that more
         * table content continues to the right.
         */
        box-shadow:
            inset -14px 0 12px -14px rgba(0, 0, 0, 0.55);
    }


    /* =====================================================
       STRONG MOBILE SCROLLBAR
       ===================================================== */

    .psm-table-wrap::-webkit-scrollbar {
        height: 13px;
    }


    .psm-table-wrap::-webkit-scrollbar-track {
        background: #d9e1e6;
        border-radius: 20px;
    }


    .psm-table-wrap::-webkit-scrollbar-thumb {
        background: #1299e5;

        border: 2px solid #d9e1e6;
        border-radius: 20px;

        min-width: 46px;
    }


    /* =====================================================
       BASE MOBILE TYPOGRAPHY
       ===================================================== */

    .psm-table {
        font-size: 11px !important;
        line-height: 1.15 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    .psm-table th,
    .psm-table td {
        font-size: 11px !important;
        line-height: 1.15 !important;

        padding: 6px 7px !important;
    }


    .psm-table thead th {
        font-size: 10px !important;
        line-height: 1.1 !important;

        padding: 6px 5px !important;

        white-space: normal !important;

        word-break: normal !important;
        overflow-wrap: normal !important;
    }


    /* =====================================================
       AVAILABILITY
       EXACT MOBILE SCROLL WIDTH
       ===================================================== */

    .psm-table-availability {
        width: 950px !important;
        min-width: 950px !important;
        max-width: 950px !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        table-layout: fixed !important;
    }


    .psm-table-availability th,
    .psm-table-availability td {
        font-size: 11px !important;
        line-height: 1.15 !important;
    }


    .psm-table-availability thead th {
        font-size: 10px !important;
        line-height: 1.1 !important;
    }


    /* =====================================================
       STANDARD BLUE TABLE
       EXACT MOBILE SCROLL WIDTH
       ===================================================== */

    .psm-table-blue {
        width: 700px !important;
        min-width: 700px !important;
        max-width: 700px !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        table-layout: fixed !important;
    }


    /* =====================================================
       TORQUE
       EXACT MOBILE SCROLL WIDTH
       ===================================================== */

    .psm-table-torque {
        width: 700px !important;
        min-width: 700px !important;
        max-width: 700px !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        table-layout: fixed !important;
    }


    .psm-table-torque th,
    .psm-table-torque td {
        width: 16.6667% !important;
    }


    .psm-table-torque td {
        white-space: nowrap !important;
    }


    /* =====================================================
       FINISH
       EXACT MOBILE SCROLL WIDTH
       ===================================================== */

    .psm-table-finishes {
        width: 820px !important;
        min-width: 820px !important;
        max-width: 820px !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        table-layout: fixed !important;
    }


    .psm-table-finishes th,
    .psm-table-finishes td {
        white-space: normal !important;

        word-break: normal !important;
        overflow-wrap: break-word !important;
    }


    .psm-table-finishes th:first-child,
    .psm-table-finishes td:first-child {
        white-space: nowrap !important;
    }


    .psm-available {
        font-size: 11px !important;
    }
}


/* =========================================================
   VERY SMALL MOBILE
   <= 480px

   KEEP SAME FONT SIZE
   DO NOT SHRINK
   ========================================================= */

@media (max-width: 480px) {

    .psm-table-wrap {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 12px !important;

        overflow-x: scroll !important;
        overflow-y: hidden !important;

        -webkit-overflow-scrolling: touch;
    }


    .psm-table {
        font-size: 11px !important;
        line-height: 1.15 !important;
    }


    .psm-table th,
    .psm-table td {
        font-size: 11px !important;
        line-height: 1.15 !important;

        padding: 6px 7px !important;
    }


    .psm-table thead th {
        font-size: 10px !important;
        line-height: 1.1 !important;

        padding: 6px 5px !important;
    }


    /* AVAILABILITY */

    .psm-table-availability {
        width: 950px !important;
        min-width: 950px !important;
        max-width: 950px !important;
    }


    /* STANDARD BLUE */

    .psm-table-blue {
        width: 700px !important;
        min-width: 700px !important;
        max-width: 700px !important;
    }


    /* TORQUE */

    .psm-table-torque {
        width: 700px !important;
        min-width: 700px !important;
        max-width: 700px !important;
    }


    /* FINISH */

    .psm-table-finishes {
        width: 820px !important;
        min-width: 820px !important;
        max-width: 820px !important;
    }
}


/* =========================================================
   MOBILE SCROLL DISCOVERY MESSAGE

   Helps touch-device users understand immediately that
   the table can be swiped left and right.
   ========================================================= */

@media (max-width: 767px) {

    .psm-table-wrap::after {
        content: "\2190  Scroll table  \2192";

        position: sticky;
        left: 0;

        display: block;

        width: 100%;

        margin: 5px 0 -5px;

        padding: 3px 0 0;

        text-align: center;

        font-family: inherit;
        font-size: 10px;
        font-weight: 600;
        line-height: 1.2;

        color: #555555;

        pointer-events: none;
    }
}


/* =========================================================
   EXTRA ELEMENTOR TABLET + MOBILE PROTECTION
   ========================================================= */

@media (max-width: 1024px) {

    .elementor-widget-html:has(.psm-table-wrap) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        align-self: stretch !important;
    }


    .elementor-widget-html:has(.psm-table-wrap)
    > .elementor-widget-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}


/* =========================================================
   END
   PSM RESPONSIVE PRODUCT / SPECIFICATION TABLES
   GLOBAL CSS
   ========================================================= */


/* =========================================================
   FINAL TECH-SONIC EXACT SCROLL STANDARD
   PSM RESPONSIVE PRODUCT / SPECIFICATION TABLES
   Updated 2026-09-10

   APPLIES TO:
   - Availability table
   - Standard blue table
   - Torque table
   - Finish / coating table
   - Every .psm-table-wrap on tablet/mobile

   TABLET + MOBILE:
   - Body / data: 11px
   - Headers: 10px
   - Same sizing on tablet/mobile/small mobile
   - Centered cue directly ABOVE scrollbar
   - 14px PSM-blue scrollbar
   - No right-edge shadow
   - No old "Scroll table" cue
   - No right-side blank strip
   - Existing responsive widths preserved
   - Desktop behaviour unchanged
   ========================================================= */

@media (max-width: 1024px) {

    /* -----------------------------------------------------
       ELEMENTOR FULL-WIDTH PROTECTION
       ----------------------------------------------------- */

    .elementor-widget-html:has(.psm-table-wrap),
    .elementor-widget-html:has(.psm-table-wrap) .elementor-widget-container,
    .elementor-widget-container:has(.psm-table-wrap) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .elementor-widget-html:has(.psm-table-wrap) {
        align-self: stretch !important;
    }


    /* -----------------------------------------------------
       ONE CONSISTENT SCROLL HOST
       ----------------------------------------------------- */

    .psm-table-wrap {
        position: relative !important;
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        overflow-x: scroll !important;
        overflow-y: hidden !important;

        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;

        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 2px !important;

        scrollbar-width: auto !important;
        scrollbar-color: #129eea #dfe6ea !important;
        scrollbar-gutter: auto !important;

        box-shadow: none !important;
    }


    /* -----------------------------------------------------
       UNIFORM TECH-SONIC TYPOGRAPHY
       ----------------------------------------------------- */

    .psm-table,
    .psm-table th,
    .psm-table td,
    .psm-table tbody td,
    .psm-table-availability th,
    .psm-table-availability td,
    .psm-table-blue th,
    .psm-table-blue td,
    .psm-table-torque th,
    .psm-table-torque td,
    .psm-table-finishes th,
    .psm-table-finishes td {
        font-size: 11px !important;
        line-height: 1.15 !important;
    }

    .psm-table thead th,
    .psm-table-availability thead th,
    .psm-table-blue thead th,
    .psm-table-torque thead th,
    .psm-table-finishes thead th {
        font-size: 10px !important;
        line-height: 1.1 !important;
    }

    .psm-available {
        font-size: 11px !important;
        line-height: 1 !important;
    }


    /* -----------------------------------------------------
       PRESERVE TABLET ENGINEERING WIDTHS
       ----------------------------------------------------- */

    .psm-table-availability {
        width: max(100%, 950px) !important;
        min-width: max(100%, 950px) !important;
        max-width: max(100%, 950px) !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        table-layout: fixed !important;
    }

    .psm-table-blue {
        width: max(100%, 700px) !important;
        min-width: max(100%, 700px) !important;
        max-width: max(100%, 700px) !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        table-layout: fixed !important;
    }

    .psm-table-torque {
        width: max(100%, 700px) !important;
        min-width: max(100%, 700px) !important;
        max-width: max(100%, 700px) !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        table-layout: fixed !important;
    }

    .psm-table-finishes {
        width: max(100%, 820px) !important;
        min-width: max(100%, 820px) !important;
        max-width: max(100%, 820px) !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        table-layout: fixed !important;
    }


    /* -----------------------------------------------------
       FINISH TABLE WRAPPING
       ----------------------------------------------------- */

    .psm-table-finishes th,
    .psm-table-finishes td {
        white-space: normal !important;

        word-break: normal !important;
        overflow-wrap: break-word !important;
    }

    .psm-table-finishes th:first-child,
    .psm-table-finishes td:first-child {
        white-space: nowrap !important;
    }


    /* -----------------------------------------------------
       REMOVE ANY OLD TOP CUE
       ----------------------------------------------------- */

    .psm-table-wrap::before {
        content: none !important;
        display: none !important;
    }


    /* -----------------------------------------------------
       EXACT TECH-SONIC BOTTOM CUE
       ----------------------------------------------------- */

    .psm-table-wrap::after {
        content: "\2190  Swipe / scroll horizontally to view more  \2192" !important;

        position: sticky !important;
        left: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;

        margin: 0 !important;
        padding: 7px 8px 6px !important;

        background: #ffffff !important;
        color: #111111 !important;

        border-top: 1px solid #d7e3e9 !important;
        border-bottom: 1px solid #d7e3e9 !important;

        border-radius: 0 !important;

        font-family: inherit !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;

        text-align: center !important;
        white-space: nowrap !important;

        pointer-events: none !important;
        z-index: 20 !important;
    }


    /* -----------------------------------------------------
       EXACT 14PX TECH-SONIC SCROLLBAR
       ----------------------------------------------------- */

    .psm-table-wrap::-webkit-scrollbar {
        display: block !important;

        width: 14px !important;
        height: 14px !important;

        -webkit-appearance: none;
    }

    .psm-table-wrap::-webkit-scrollbar-track {
        background: #dfe6ea !important;

        border: 1px solid #c4d0d6 !important;
        border-radius: 2px !important;

        box-shadow: none !important;
    }

    .psm-table-wrap::-webkit-scrollbar-thumb {
        background: #129eea !important;

        border: 2px solid #dfe6ea !important;
        border-radius: 999px !important;

        min-width: 44px !important;
    }

    .psm-table-wrap::-webkit-scrollbar-thumb:hover {
        background: #087fc2 !important;
    }

    .psm-table-wrap::-webkit-scrollbar-thumb:active {
        background: #075f90 !important;
    }
}


/* =========================================================
   MOBILE
   Preserve exact technical widths.
   ========================================================= */

@media (max-width: 767px) {

    .psm-table,
    .psm-table th,
    .psm-table td,
    .psm-table tbody td {
        font-size: 11px !important;
        line-height: 1.15 !important;
    }

    .psm-table thead th {
        font-size: 10px !important;
        line-height: 1.1 !important;
    }


    /* Availability */

    .psm-table-availability {
        width: 950px !important;
        min-width: 950px !important;
        max-width: 950px !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        table-layout: fixed !important;
    }


    /* Standard blue */

    .psm-table-blue {
        width: 700px !important;
        min-width: 700px !important;
        max-width: 700px !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        table-layout: fixed !important;
    }


    /* Torque */

    .psm-table-torque {
        width: 700px !important;
        min-width: 700px !important;
        max-width: 700px !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        table-layout: fixed !important;
    }


    /* Finish */

    .psm-table-finishes {
        width: 820px !important;
        min-width: 820px !important;
        max-width: 820px !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        table-layout: fixed !important;
    }


    .psm-table-wrap::after {
        padding: 7px 6px 6px !important;

        font-size: 10px !important;
        line-height: 1.2 !important;

        text-align: center !important;
        justify-content: center !important;
    }
}


/* =========================================================
   VERY SMALL MOBILE
   SAME SIZE - DO NOT SHRINK FURTHER
   ========================================================= */

@media (max-width: 480px) {

    .psm-table,
    .psm-table th,
    .psm-table td,
    .psm-table tbody td {
        font-size: 11px !important;
        line-height: 1.15 !important;
    }

    .psm-table thead th {
        font-size: 10px !important;
        line-height: 1.1 !important;
    }

    .psm-table-availability {
        width: 950px !important;
        min-width: 950px !important;
        max-width: 950px !important;
    }

    .psm-table-blue {
        width: 700px !important;
        min-width: 700px !important;
        max-width: 700px !important;
    }

    .psm-table-torque {
        width: 700px !important;
        min-width: 700px !important;
        max-width: 700px !important;
    }

    .psm-table-finishes {
        width: 820px !important;
        min-width: 820px !important;
        max-width: 820px !important;
    }

    .psm-table-wrap::after {
        padding: 7px 5px 6px !important;

        font-size: 10px !important;
        line-height: 1.2 !important;
    }
}/* End custom CSS */