.wc-spt{width:100%;font-size:14px}
.wc-spt-filters{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 16px;align-items:end}
.wc-spt-filters label{display:flex;flex-direction:column;gap:5px;min-width:130px}
.wc-spt-filters label span{font-weight:600}
.wc-spt-filters select,.wc-spt-qty{padding:7px;border:1px solid #ccc;border-radius:3px;background:#fff}
.wc-spt-clear{padding:8px 12px;border:1px solid #bbb;border-radius:3px;background:#c44444;cursor:pointer}
.wc-spt-add{padding:8px 12px;border:1px solid #bbb;border-radius:3px;background:#25a996;cursor:pointer}
.wc-spt-clear{height:36px}
.wc-spt-table-wrap{overflow-x:auto;box-shadow: 1px 10px 12px 1px #00000040;}
.wc-spt-table{width:100%;border-collapse:collapse;min-width:1200px}
.wc-spt-table th,.wc-spt-table td{  padding: 8px;border-bottom: 1px solid #ddd;text-align: center;vertical-align: middle;min-width: fit-content;}
.wc-spt-table th{font-weight:600;white-space:nowrap}
.wc-spt-image img{width:60px;height:60px;object-fit:contain}
.wc-spt-name{min-width:180px}
.wc-spt-name a{font-weight:600;text-decoration:none}
.wc-spt-attr-select{max-width:130px;padding:5px}
.wc-spt-order-controls{display:flex;gap:6px;align-items:center;justify-content:center}
.wc-spt-qty{width:65px}
.wc-spt-add:disabled{opacity:.55;cursor:not-allowed}
.wc-spt-row-message{display:block;margin-top:5px;font-size:12px}
.wc-spt-status{margin:8px 0;color:#555;min-height:20px}
.wc-spt-footer{text-align:center;padding:18px 0}.wc-spt-load-more{min-height:20px;color:#555}.wc-spt-load-more.is-loading::before{content:"";display:inline-block;width:14px;height:14px;margin-right:7px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-3px;animation:wc-spt-spin .7s linear infinite}.wc-spt-scroll-sentinel{height:1px;width:100%}@keyframes wc-spt-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){
 .wc-spt-filters label{min-width:calc(50% - 6px)}
 .wc-spt-table{font-size:16px}
}

/* Product image thumbnail */
.wc-spt-image img{display:block;width:60px;height:60px;margin:auto;object-fit:contain}

/* Clickable product thumbnail and AJAX gallery modal */
.wc-spt-image-button{display:block;padding:0;margin:auto;border:0;background:transparent;cursor:pointer;line-height:0}
.wc-spt-image-button img{display:block;width:60px;height:60px;margin:auto;object-fit:contain}
.wc-spt-image-button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
body.wc-spt-modal-open{overflow:hidden}
.wc-spt-gallery-modal{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}
.wc-spt-gallery-modal[hidden]{display:none}
.wc-spt-gallery-close,.wc-spt-gallery-prev,.wc-spt-gallery-next{position:absolute;z-index:2;border:0;background:rgba(0,0,0,.55);color:#fff;cursor:pointer;width:48px;height:auto;border-radius:50%;font-size:30px;line-height:1}
.wc-spt-gallery-close{top:18px;right:18px;font-size:32px}
.wc-spt-gallery-prev{left:18px;top:50%;transform:translateY(-50%)}
.wc-spt-gallery-next{right:18px;top:50%;transform:translateY(-50%)}
.wc-spt-gallery-close:focus-visible,.wc-spt-gallery-prev:focus-visible,.wc-spt-gallery-next:focus-visible,.wc-spt-gallery-thumb:focus-visible{outline:2px solid #fff;outline-offset:3px}
.wc-spt-gallery-content{max-width:min(92vw,1400px);max-height:92vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.wc-spt-gallery-image-full{display:block;max-width:88vw;max-height:72vh;width:auto;height:auto;object-fit:contain}
.wc-spt-gallery-title{color:#fff;font-size:18px;font-weight:600;text-align:center}
.wc-spt-gallery-counter,.wc-spt-gallery-message{color:#fff;min-height:20px;text-align:center}
.wc-spt-gallery-thumbs{display:flex;gap:8px;max-width:88vw;overflow-x:auto;padding:4px}
.wc-spt-gallery-thumb{border:2px solid transparent;background:transparent;padding:0;cursor:pointer;flex:0 0 auto}
.wc-spt-gallery-thumb.is-active{border-color:#fff}
.wc-spt-gallery-thumb img{display:block;width:64px;height:64px;object-fit:contain}
@media(max-width:700px){
 .wc-spt-gallery-modal{padding:16px}
 .wc-spt-gallery-image-full{max-width:90vw;max-height:68vh}
 .wc-spt-gallery-prev,.wc-spt-gallery-next{width:42px;height:42px;font-size:24px}
 .wc-spt-gallery-prev{left:8px}.wc-spt-gallery-next{right:8px}
}
/*color change for text*/
td[data-stock] {font-size: 16px;}
td[data-stock="2"]::after, td[data-stock="1"]::after, td[data-stock="4"]::after, td[data-stock="3"]::after,
td[data-stock="5"]::after,td[data-stock="6"]::after,td[data-stock="8"]::after,td[data-stock="7"]::after{
    content:"\A\f098_CALL";
    font-family: "Font Awesome 5 Free";
    margin-right: .5407911001em;
    white-space: pre;
    font-size: .6em;
}

td[data-stock="2"]::after, td[data-stock="2"]::after,td[data-stock="1"]::after, td[data-stock="1"]::after{
color: crimson;
}

td[data-stock="4"]::after, td[data-stock="4"]::after,td[data-stock="3"]::after, td[data-stock="3"]::after{
color: tomato;
}

td[data-stock="6"]::after, td[data-stock="6"]::after,td[data-stock="5"]::after, td[data-stock="5"]::after{
color: coral;
}
td[data-stock="8"]::after, td[data-stock="8"]::after,td[data-stock="7"]::after, td[data-stock="7"]::after{
color: orange;
}
td.attribute-24[data-stock="in-transit"]::after, td.attribute-24[data-stock="in-transit"]::after{
content:"";
color:green;
font-family: "Font Awesome 5 Free";
margin-right: .5407911001em;
white-space: pre;
}
td[data-class="MAP Price"]{color: green;font-size: 20px;}
.wc-login-view, .wc-spt-price {display: table-cell;}
table:not(.has-background) th {background-color: #d8d8d8;}
/* Mobile product-card view. Uses the same server-returned table rows; no additional product query is made. */
@media(max-width:700px){
 tbody tr:nth-child(2n), table:not(.has-background) tbody tr:nth-child(2n) td {background-color: #fbfbfb;}
 .wc-spt-table-wrap{overflow:visible;box-shadow:none}
 .wc-spt-table{width:100%;min-width:0;display:block;border-collapse:separate;border-spacing:0}
 .wc-spt-table thead{display:none}
 .wc-spt-table tbody{display:grid;grid-template-columns:1fr;gap:14px}
 .wc-spt-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:0 12px;padding:14px;border:1px solid #ddd;border-radius:8px;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.08);box-sizing:border-box}
 .wc-spt-table tbody tr td{box-sizing:border-box;min-width:0;width:100%;padding:8px 0;border:0;text-align:left;vertical-align:middle;overflow-wrap:anywhere}
 .wc-spt-table tbody tr td:nth-child(1),
 .wc-spt-table tbody tr td:nth-child(2),
 .wc-spt-table tbody tr td:nth-child(11),
 .wc-spt-table tbody tr td:nth-child(12){grid-column:1 / -1}
 .wc-spt-table tbody tr td:nth-child(1){padding-top:0;text-align:center}
 .wc-spt-table tbody tr td:nth-child(2){padding-bottom:12px;text-align:center;border-bottom:1px solid #e5e5e5;margin-bottom:2px}
 .wc-spt-table tbody tr td[data-class],
 .wc-spt-table tbody tr td.wc-spt-price,
 .wc-spt-table tbody tr td[data-stock]{display:grid;align-items:center;gap:0px;font-size: 14px;}
 .wc-spt-table tbody tr td[data-class="Transit Status"],.wc-spt-table tbody tr td[data-class="Bore"]{display: none;}
 .wc-spt-table tbody tr td.wc-spt-price{grid-column: 1;}
 .wc-spt-table tbody tr td[data-class]::before,
 .wc-spt-table tbody tr td.wc-spt-price::before,
 .wc-spt-table tbody tr td[data-stock]::before{font-weight:600;color:#555;content:attr(data-class)":\a"}
 .wc-spt-table tbody tr td.wc-spt-price::before{content:"Price"}
 .wc-spt-table tbody tr td[data-stock]::before{content:"Stock Quantity"}
 .wc-spt-table tbody tr td[data-class="MAP Price"]{font-size:18px}
 .wc-spt-table tbody tr td[data-class="MAP Price"]::before{font-size:14px}
 .wc-spt-table tbody tr td.wc-spt-price{font-size:16px}
 .wc-spt-table tbody tr td.wc-spt-order{padding-top:12px;border-top:1px solid #e5e5e5;margin-top:4px}
 .wc-spt-table tbody tr td.wc-spt-order::before{content:none}
 .wc-spt-image-button img,.wc-spt-image img{width:110px;height:110px}
 .wc-spt-name a{font-size:16px}
 .wc-spt-order-controls{justify-content:center;width:100%}
 .wc-spt-qty{width:70px}
 .wc-spt-add{flex:1;max-width:220px;padding:8px 8px;border-radius: 8px;}
 .wc-spt-attr-select{max-width:100%;width:100%;box-sizing:border-box}
 td[data-stock="2"]::after, td[data-stock="1"]::after, td[data-stock="4"]::after, td[data-stock="3"]::after,
 td[data-stock="5"]::after,td[data-stock="6"]::after,td[data-stock="8"]::after,td[data-stock="7"]::after{content:"\f098_CALL"; font-size: .8em;;}
}

/*grid-template-columns:minmax(92px,42%) minmax(0,1fr);*/