.elementor-22707 .elementor-element.elementor-element-82ea4d0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-22707 .elementor-element.elementor-element-363a1fc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-22707 .elementor-element.elementor-element-37e1ef9{width:var( --container-widget-width, 80.667% );max-width:80.667%;--container-widget-width:80.667%;--container-widget-flex-grow:0;}.elementor-22707 .elementor-element.elementor-element-37e1ef9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-22707 .elementor-element.elementor-element-37e1ef9 img{width:80%;}.elementor-22707 .elementor-element.elementor-element-ea557d5{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22707 .elementor-element.elementor-element-a1cc8c4{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-22707 .elementor-element.elementor-element-93db5e4 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-22707 .elementor-element.elementor-element-93db5e4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-22707 .elementor-element.elementor-element-93db5e4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-22707 .elementor-element.elementor-element-93db5e4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-22707 .elementor-element.elementor-element-93db5e4 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-22707 .elementor-element.elementor-element-93db5e4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-22707 .elementor-element.elementor-element-93db5e4 .elementor-icon-list-icon i{color:var( --e-global-color-be13655 );transition:color 0.3s;}.elementor-22707 .elementor-element.elementor-element-93db5e4 .elementor-icon-list-icon svg{fill:var( --e-global-color-be13655 );transition:fill 0.3s;}.elementor-22707 .elementor-element.elementor-element-93db5e4{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-22707 .elementor-element.elementor-element-93db5e4 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-22707 .elementor-element.elementor-element-54aaea1b{--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:20px;--padding-left:0px;--padding-right:0px;}.elementor-22707 .elementor-element.elementor-element-3c5dc310 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:50px 50px 50px 50px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:0px 0px 0px 0px;}.elementor-22707 .elementor-element.elementor-element-5e229842 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:50px 50px 50px 50px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:0px 0px 0px 0px;}.elementor-22707 .elementor-element.elementor-element-8e24010{--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;--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-22707 .elementor-element.elementor-element-9301823{width:100%;max-width:100%;text-align:center;}.elementor-22707 .elementor-element.elementor-element-9301823 > .elementor-widget-container{background-color:var( --e-global-color-text );margin:0px 0px 20px 0px;padding:10px 10px 10px 10px;}.elementor-22707 .elementor-element.elementor-element-9301823 .elementor-heading-title{color:var( --e-global-color-f539929 );}.elementor-22707 .elementor-element.elementor-element-8608543 > .elementor-widget-container{padding:0px 0px 50px 0px;}.elementor-22707 .elementor-element.elementor-element-db12600{width:100%;max-width:100%;text-align:center;}.elementor-22707 .elementor-element.elementor-element-db12600 > .elementor-widget-container{background-color:var( --e-global-color-text );margin:0px 0px 20px 0px;padding:10px 10px 10px 10px;}.elementor-22707 .elementor-element.elementor-element-db12600 .elementor-heading-title{color:var( --e-global-color-f539929 );}.elementor-22707 .elementor-element.elementor-element-6d9217b > .elementor-widget-container{padding:0px 0px 50px 0px;}.elementor-22707 .elementor-element.elementor-element-6f0038c{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;}.elementor-22707 .elementor-element.elementor-element-24c7af9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22707 .elementor-element.elementor-element-153791f{width:100%;max-width:100%;text-align:center;}.elementor-22707 .elementor-element.elementor-element-153791f > .elementor-widget-container{background-color:var( --e-global-color-text );margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-22707 .elementor-element.elementor-element-153791f .elementor-heading-title{color:var( --e-global-color-f539929 );}.elementor-22707 .elementor-element.elementor-element-f5353ac.elementor-element{--align-self:center;}.elementor-22707 .elementor-element.elementor-element-f5353ac img{width:50%;}.elementor-22707 .elementor-element.elementor-element-94a7824{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22707 .elementor-element.elementor-element-038e0d7{width:100%;max-width:100%;text-align:center;}.elementor-22707 .elementor-element.elementor-element-038e0d7 > .elementor-widget-container{background-color:var( --e-global-color-text );margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-22707 .elementor-element.elementor-element-038e0d7 .elementor-heading-title{color:var( --e-global-color-f539929 );}.elementor-22707 .elementor-element.elementor-element-a00d2fa{--display:flex;--min-height:0px;--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;--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-22707 .elementor-element.elementor-element-431db07{width:100%;max-width:100%;text-align:center;}.elementor-22707 .elementor-element.elementor-element-431db07 > .elementor-widget-container{background-color:var( --e-global-color-text );margin:0px 0px 20px 0px;padding:10px 10px 10px 10px;}.elementor-22707 .elementor-element.elementor-element-431db07 .elementor-heading-title{color:var( --e-global-color-f539929 );}.elementor-22707 .elementor-element.elementor-element-46250ee > .elementor-widget-container{margin:0% 0% -5% 0%;}.elementor-22707 .elementor-element.elementor-element-3b279df > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-22707 .elementor-element.elementor-element-3b279df{text-align:center;}.elementor-22707 .elementor-element.elementor-element-4b47313{--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-22707 .elementor-element.elementor-element-e3d9398{width:100%;max-width:100%;text-align:center;}.elementor-22707 .elementor-element.elementor-element-e3d9398 > .elementor-widget-container{background-color:var( --e-global-color-text );margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-22707 .elementor-element.elementor-element-e3d9398 .elementor-heading-title{color:var( --e-global-color-f539929 );}.elementor-22707 .elementor-element.elementor-element-45e20b1 > .elementor-widget-container{margin:0% 0% -5% 0%;}.elementor-22707 .elementor-element.elementor-element-24a392b > .elementor-widget-container{margin:26px 26px 26px 26px;}@media(min-width:768px){.elementor-22707 .elementor-element.elementor-element-363a1fc{--width:50%;}.elementor-22707 .elementor-element.elementor-element-ea557d5{--width:50%;}}@media(max-width:1200px){.elementor-22707 .elementor-element.elementor-element-82ea4d0{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-22707 .elementor-element.elementor-element-363a1fc{--justify-content:center;}.elementor-22707 .elementor-element.elementor-element-a1cc8c4 > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-22707 .elementor-element.elementor-element-54aaea1b{--grid-auto-flow:row;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-22707 .elementor-element.elementor-element-8e24010{--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-22707 .elementor-element.elementor-element-9301823 > .elementor-widget-container{margin:-5px -5px -5px -5px;}.elementor-22707 .elementor-element.elementor-element-9301823 .elementor-heading-title{font-size:20px;}.elementor-22707 .elementor-element.elementor-element-8608543 > .elementor-widget-container{margin:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-22707 .elementor-element.elementor-element-db12600 > .elementor-widget-container{margin:-2px -2px -2px -2px;}.elementor-22707 .elementor-element.elementor-element-db12600 .elementor-heading-title{font-size:20px;}.elementor-22707 .elementor-element.elementor-element-6d9217b > .elementor-widget-container{margin:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-22707 .elementor-element.elementor-element-6f0038c{--grid-auto-flow:row;--padding-top:0px;--padding-bottom:00px;--padding-left:0px;--padding-right:0px;}.elementor-22707 .elementor-element.elementor-element-153791f .elementor-heading-title{font-size:20px;}.elementor-22707 .elementor-element.elementor-element-0d7318b > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-22707 .elementor-element.elementor-element-038e0d7 .elementor-heading-title{font-size:20px;}.elementor-22707 .elementor-element.elementor-element-4f6cddb > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-22707 .elementor-element.elementor-element-a00d2fa{--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-22707 .elementor-element.elementor-element-431db07 .elementor-heading-title{font-size:20px;}.elementor-22707 .elementor-element.elementor-element-4b47313{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-22707 .elementor-element.elementor-element-e3d9398 .elementor-heading-title{font-size:20px;}}@media(max-width:767px){.elementor-22707 .elementor-element.elementor-element-82ea4d0{--content-width:100%;--justify-content:center;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-22707 .elementor-element.elementor-element-363a1fc{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22707 .elementor-element.elementor-element-37e1ef9{width:var( --container-widget-width, 324.047px );max-width:324.047px;--container-widget-width:324.047px;--container-widget-flex-grow:0;}.elementor-22707 .elementor-element.elementor-element-37e1ef9.elementor-element{--align-self:center;}.elementor-22707 .elementor-element.elementor-element-37e1ef9 img{width:50%;}.elementor-22707 .elementor-element.elementor-element-ea557d5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22707 .elementor-element.elementor-element-a1cc8c4 > .elementor-widget-container{margin:10px 10px 10px 10px;padding:0px 0px 50px 0px;}.elementor-22707 .elementor-element.elementor-element-93db5e4 > .elementor-widget-container{padding:20px 0px 30px 0px;}.elementor-22707 .elementor-element.elementor-element-93db5e4{--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:flex-start;}.elementor-22707 .elementor-element.elementor-element-54aaea1b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-22707 .elementor-element.elementor-element-5e229842 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22707 .elementor-element.elementor-element-8e24010{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-22707 .elementor-element.elementor-element-9301823 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22707 .elementor-element.elementor-element-db12600 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22707 .elementor-element.elementor-element-6d9217b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-22707 .elementor-element.elementor-element-6f0038c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22707 .elementor-element.elementor-element-24c7af9{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-22707 .elementor-element.elementor-element-153791f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22707 .elementor-element.elementor-element-94a7824{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-22707 .elementor-element.elementor-element-038e0d7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22707 .elementor-element.elementor-element-a00d2fa{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-22707 .elementor-element.elementor-element-431db07 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22707 .elementor-element.elementor-element-4b47313{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-22707 .elementor-element.elementor-element-e3d9398 > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS *//* ==========================================================
   PSM FASTENERS - EXPANSION NUTS
   GLOBAL RESPONSIVE SPECIFICATION TABLES

   DESKTOP:
   - Inherits website / Elementor typography
   - Full available width where possible

   TABLET + MOBILE:
   - Body / data: 11px
   - Headers: 10px
   - Same typography on tablet + mobile
   - Horizontal scrolling retained where needed
   - Strong visible horizontal scrollbar
   - Wrapper fills full Elementor column
   - No unwanted blank space on the right
   - Small mobile does not shrink further
   ========================================================== */


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

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


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

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

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

    margin: 0 0 1.5em !important;

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

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

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

    scrollbar-width: auto;
    scrollbar-color: #079fea #d9e1e6;
}


/* ==========================================================
   VISIBLE HORIZONTAL SCROLLBAR
   Chrome / Edge / Safari
   ========================================================== */

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


.psm-expansion-table-wrap::-webkit-scrollbar-track {
    background: #d9e1e6;

    border-radius: 20px;
}


.psm-expansion-table-wrap::-webkit-scrollbar-thumb {
    background: #079fea;

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

    min-width: 44px;
}


.psm-expansion-table-wrap::-webkit-scrollbar-thumb:hover {
    background: #067fbd;
}


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

   Ensures the HTML widget and widget container use the
   complete Elementor column width.
   ========================================================== */

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

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


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

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

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

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

    table-layout: fixed;

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

    background: #ffffff;
}


/* ==========================================================
   DIRECT TABLE WIDTH PROTECTION
   ========================================================== */

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


/* ==========================================================
   TABLE WIDTHS - DESKTOP
   ========================================================== */


/* WIDE DIMENSION TABLE */

.psm-expansion-table--wide {
    width: max(100%, 850px) !important;
    min-width: 850px !important;
    max-width: none !important;
}


/* TORQUE */

.psm-expansion-table--torque {
    width: max(100%, 760px) !important;
    min-width: 760px !important;
    max-width: none !important;
}


/* FINISH */

.psm-expansion-table--finish {
    width: max(100%, 900px) !important;
    min-width: 900px !important;
    max-width: none !important;
}


/* ==========================================================
   HEADER
   ========================================================== */

.psm-expansion-table thead th {
    background: #129ee8;
    color: #ffffff;

    border: 1px solid #222222;

    padding: 1em 0.75em;

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

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

    text-transform: none;

    white-space: nowrap;

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


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

.psm-expansion-table tbody td {
    border: 1px solid #333333;

    padding: 0.55em 0.75em;

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

    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: 1.3;
}


/* ==========================================================
   ALTERNATING ROWS
   ========================================================== */

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


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


/* ==========================================================
   TECHNICAL VALUES
   ========================================================== */

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


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

.psm-expansion-table--finish td {
    white-space: normal;

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


/* CODE */

.psm-expansion-table--finish th:first-child,
.psm-expansion-table--finish td:first-child {
    width: 9%;

    white-space: nowrap;
}


/* DESCRIPTION */

.psm-expansion-table--finish th:nth-child(2),
.psm-expansion-table--finish td:nth-child(2) {
    width: 37%;
}


/* COLOUR */

.psm-expansion-table--finish th:nth-child(3),
.psm-expansion-table--finish td:nth-child(3) {
    width: 24%;
}


/* USAGE */

.psm-expansion-table--finish th:nth-child(4),
.psm-expansion-table--finish td:nth-child(4) {
    width: 30%;
}


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

   BODY / DATA: 11px
   HEADERS: 10px

   IMPORTANT:
   - Wrapper always fills entire Elementor column
   - Tables scroll only when wider than the available space
   - Exact table widths stop trailing blank scroll space
   ========================================================== */

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

    .psm-expansion-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: 10px !important;

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

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

        scrollbar-width: auto;
        scrollbar-color: #079fea #d9e1e6;
    }


    /* ======================================================
       TABLE TYPOGRAPHY
       ====================================================== */

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

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


    /* BODY / DATA */

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

        padding: 6px 7px !important;
    }


    /* HEADERS */

    .psm-expansion-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;
    }


    /* ======================================================
       WIDE DIMENSION TABLE

       Fill full tablet width when tablet column is wider
       than 850px. Otherwise scroll horizontally.
       ====================================================== */

    .psm-expansion-table--wide {
        width: max(100%, 850px) !important;
        min-width: 850px !important;
        max-width: none !important;

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

        table-layout: fixed !important;
    }


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

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

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

        table-layout: fixed !important;
    }


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

    .psm-expansion-table--finish {
        width: max(100%, 900px) !important;
        min-width: 900px !important;
        max-width: none !important;

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

        table-layout: fixed !important;
    }


    .psm-expansion-table--finish tbody td {
        white-space: normal !important;

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


    .psm-expansion-table--finish tbody td:first-child {
        white-space: nowrap !important;
    }
}


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

   SAME TYPOGRAPHY AS TABLET

   IMPORTANT:
   - Wrapper is full available mobile column width
   - Tables remain horizontally scrollable
   - Exact width/min/max prevents empty space after table
   ========================================================== */

@media (max-width: 767px) {

    .psm-expansion-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;
        margin-bottom: 18px !important;

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

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

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

        scrollbar-width: auto;
        scrollbar-color: #079fea #d9e1e6;

        /*
         * Subtle visual cue on right edge.
         * Indicates that additional content is available.
         */
        box-shadow:
            inset -14px 0 12px -14px rgba(0, 0, 0, 0.6);
    }


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

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


    .psm-expansion-table-wrap::-webkit-scrollbar-track {
        background: #d9e1e6;

        border-radius: 20px;
    }


    .psm-expansion-table-wrap::-webkit-scrollbar-thumb {
        background: #079fea;

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

        min-width: 44px;
    }


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

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

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


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

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

        padding: 6px 7px !important;
    }


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

    .psm-expansion-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;
    }


    /* ======================================================
       WIDE DIMENSION TABLE
       EXACT SCROLL WIDTH
       ====================================================== */

    .psm-expansion-table--wide {
        width: 760px !important;
        min-width: 760px !important;
        max-width: 760px !important;

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

        table-layout: fixed !important;
    }


    .psm-expansion-table--wide tbody td {
        white-space: nowrap !important;
    }


    /* ======================================================
       TORQUE TABLE
       EXACT SCROLL WIDTH
       ====================================================== */

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

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

        table-layout: fixed !important;
    }


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


    /* ======================================================
       FINISH TABLE
       EXACT SCROLL WIDTH
       ====================================================== */

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

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

        table-layout: fixed !important;
    }


    .psm-expansion-table--finish tbody td {
        white-space: normal !important;

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


    .psm-expansion-table--finish tbody td:first-child {
        white-space: nowrap !important;
    }
}


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

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

@media (max-width: 480px) {

    .psm-expansion-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: 10px !important;

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

        -webkit-overflow-scrolling: touch;
    }


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


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

        padding: 6px 7px !important;
    }


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

        padding: 6px 5px !important;
    }


    /* ======================================================
       WIDE TABLE
       ====================================================== */

    .psm-expansion-table--wide {
        width: 760px !important;
        min-width: 760px !important;
        max-width: 760px !important;

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


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

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

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


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

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

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


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

   Prevents Elementor HTML widget/container sizing from
   making the table viewport narrower than its column.
   ========================================================== */

@media (max-width: 1024px) {

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

        align-self: stretch !important;
    }


    .elementor-widget-html:has(.psm-expansion-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 FASTENERS - EXPANSION NUTS
   GLOBAL RESPONSIVE SPECIFICATION TABLES
   ========================================================== */


/* ==========================================================
   FINAL TECH-SONIC EXACT SCROLL STANDARD
   PSM EXPANSION NUTS — ALL TABLES
   Updated 2026-09-10

   APPLIES TO:
   - Wide dimension table
   - Torque table
   - Finish table
   - Every .psm-expansion-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 right-side blank strip
   - Existing responsive widths preserved
   - Desktop behaviour unchanged
   ========================================================== */

@media (max-width: 1024px) {

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

    .elementor-widget-html:has(.psm-expansion-table-wrap),
    .elementor-widget-html:has(.psm-expansion-table-wrap) .elementor-widget-container,
    .elementor-widget-container:has(.psm-expansion-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-expansion-table-wrap) {
        align-self: stretch !important;
    }


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

    .psm-expansion-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-expansion-table,
    .psm-expansion-table th,
    .psm-expansion-table td,
    .psm-expansion-table tbody td {
        font-size: 11px !important;
        line-height: 1.15 !important;
    }

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


    /* ------------------------------------------------------
       PRESERVE TABLET WIDTH RULES
       ------------------------------------------------------ */

    .psm-expansion-table--wide {
        width: max(100%, 850px) !important;
        min-width: 850px !important;
        max-width: none !important;

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

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

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

    .psm-expansion-table--finish {
        width: max(100%, 900px) !important;
        min-width: 900px !important;
        max-width: none !important;

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


    /* Finish descriptions may wrap */
    .psm-expansion-table--finish th,
    .psm-expansion-table--finish td {
        white-space: normal !important;

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

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


    /* ------------------------------------------------------
       REMOVE ANY OLD TOP CUE / RIGHT-SIDE SHADOW
       ------------------------------------------------------ */

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


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

    .psm-expansion-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-expansion-table-wrap::-webkit-scrollbar {
        display: block !important;

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

        -webkit-appearance: none;
    }

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

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

        box-shadow: none !important;
    }

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

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

        min-width: 44px !important;
    }

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

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


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

@media (max-width: 767px) {

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

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


    /* Wide dimension table */

    .psm-expansion-table--wide {
        width: 760px !important;
        min-width: 760px !important;
        max-width: 760px !important;

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


    /* Torque table */

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

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


    /* Finish table */

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

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


    .psm-expansion-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-expansion-table,
    .psm-expansion-table th,
    .psm-expansion-table td,
    .psm-expansion-table tbody td {
        font-size: 11px !important;
        line-height: 1.15 !important;
    }

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

    .psm-expansion-table--wide {
        width: 760px !important;
        min-width: 760px !important;
        max-width: 760px !important;
    }

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

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

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

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