/* SPLINTER / UCC PREMIUM V5
   Scope: ONLY #svm-canvas, so provider filters, click handlers and data remain intact.
   Tested with offline semantic UCC-style fixture; provider-specific DOM must be confirmed on staging.
*/
#svm-canvas {
 --sx-ink:#091b34;--sx-mid:#17385e;--sx-blue:#176cfa;--sx-sky:#eaf4ff;
 --sx-border:#e1eaf4;--sx-white:#fff;--sx-radius:16px;
 color:var(--sx-ink);font-family:"DM Sans",Inter,system-ui,sans-serif;
 font-size:15px;line-height:1.55;min-width:0;width:100%;overflow-wrap:anywhere;
}
#svm-canvas,#svm-canvas * {box-sizing:border-box}
#svm-canvas a {text-underline-offset:4px}
#svm-canvas img {max-width:100%;height:auto}
#svm-canvas :is(button, input,select,textarea) {font:inherit}
#svm-canvas :is(button,input,select,textarea,a,[tabindex]):focus-visible {
 outline:3px solid #58acff!important;outline-offset:3px!important;
}
#svm-canvas :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {
 min-height:47px;max-width:100%;background:#fff;color:#102f50;
 border:1px solid #cbd9eb;border-radius:10px;box-shadow:0 2px 3px #0c254508;
 padding:10px 13px;transition:border-color .2s,box-shadow .2s;
}
#svm-canvas :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus {
 border-color:var(--sx-blue);box-shadow:0 0 0 4px #156efa18;
}
#svm-canvas :is(label) {font-weight:700;color:#203954}
#svm-canvas :is(button,[type=submit],[role=button]) {
 cursor:pointer;max-width:100%;border-radius:10px;font-weight:800;
 transition:transform .2s,background .2s,box-shadow .2s;
}
#svm-canvas :is(button,[type=submit],[role=button]):hover {transform:translateY(-1px)}
#svm-canvas :is(form,.svm-filter,.filters,.filter,.search,.search-panel,.search-container) {
 max-width:100%;
}
#svm-canvas .splinter-ucc-filters {
 background:linear-gradient(130deg,#f6faff,#eaf3ff);padding:clamp(15px,2.8vw,26px);
 border:1px solid #dce9f8;border-radius:15px;margin-block:8px 30px;
 box-shadow:0 14px 28px #0f40710c;
}
#svm-canvas :is(.splinter-ucc-grid,.svm-car-list,.car-list,.vehicle-list,.svm-list,.stock-list) {
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;
}
/* Applied by JS to verified vehicle cards, not guessed container nodes. */
#svm-canvas .splinter-ucc-card {
 position:relative!important;display:flex!important;flex-direction:column!important;min-width:0;
 background:#fff!important;border:1px solid var(--sx-border)!important;
 box-shadow:0 14px 46px #102b4b11!important;border-radius:var(--sx-radius)!important;
 padding:0!important;margin:0!important;overflow:hidden!important;isolation:isolate;
 transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s,border-color .32s;
}
#svm-canvas .splinter-ucc-card:hover {
 transform:translateY(-7px);box-shadow:0 30px 64px #0e305a24!important;
 border-color:#a9cdf9!important;
}
#svm-canvas .splinter-ucc-card::after {
 content:"";position:absolute;inset:auto 0 0;height:4px;
 background:linear-gradient(90deg,#135cd7,#56b9ff);transform:scaleX(0);
 transform-origin:left;transition:transform .36s;pointer-events:none;
}
#svm-canvas .splinter-ucc-card:hover::after {transform:scaleX(1)}
#svm-canvas .splinter-ucc-media {
 display:block;position:relative!important;overflow:hidden!important;background:#d8e6f4;
 width:100%;min-width:0;
}
#svm-canvas .splinter-ucc-media > img,
#svm-canvas .splinter-ucc-media > a > img {
 display:block!important;width:100%!important;height:238px!important;
 object-fit:cover!important;object-position:center;transition:transform .5s cubic-bezier(.2,.75,.25,1);
}
#svm-canvas .splinter-ucc-card:hover .splinter-ucc-media img {transform:scale(1.055)}
#svm-canvas .splinter-ucc-title {
 color:#071d39!important;font-weight:900!important;letter-spacing:-.035em!important;
 line-height:1.17!important;font-size:clamp(1.15rem,1.6vw,1.48rem)!important;
 margin:18px 18px 7px!important;overflow-wrap:normal;
}
#svm-canvas .splinter-ucc-title a {color:inherit!important;text-decoration:none!important}
#svm-canvas .splinter-ucc-price {
 color:#0962df!important;font-size:1.55rem!important;font-weight:950!important;
 letter-spacing:-.035em;margin:6px 18px 14px!important;
}
#svm-canvas .splinter-ucc-spec {color:#5c7190!important;font-size:.88rem!important;font-weight:650}
#svm-canvas .splinter-ucc-cta {
 display:inline-flex!important;align-items:center;justify-content:center;gap:8px;
 padding:12px 17px!important;border-radius:10px!important;
 background:linear-gradient(110deg,#0b54d0,#117af7)!important;color:#fff!important;
 font-size:.82rem!important;font-weight:850!important;letter-spacing:.02em;
 margin:10px 18px 19px!important;text-decoration:none!important;min-height:45px;
 box-shadow:0 7px 22px #126cf92d;transition:filter .2s,transform .2s;
}
#svm-canvas .splinter-ucc-cta:hover {filter:brightness(1.10);transform:translateY(-2px)}
#svm-canvas .splinter-ucc-pagination :is(a,button){display:inline-grid;place-items:center;min-width:40px;min-height:40px;border:1px solid #d5e4f5;background:#fff;color:#183e68}
#svm-canvas :is(.pagination,.page-numbers,.svm-pagination){display:flex;flex-wrap:wrap;gap:6px;margin-block:25px}
#svm-canvas :is(table) {border-collapse:collapse;width:100%;max-width:100%}
#svm-canvas :is(th,td){padding:10px;text-align:left;border-bottom:1px solid #e4ecf6}
#svm-canvas :is(th){color:#18385b;font-weight:800}
#svm-canvas :is(.splinter-ucc-card) :is(small,.subtitle,.subheading){color:#557292}
@media(max-width:1150px){#svm-canvas :is(.splinter-ucc-grid,.svm-car-list,.car-list,.vehicle-list,.svm-list,.stock-list){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:660px){
 #svm-canvas {font-size:14px}
 #svm-canvas :is(.splinter-ucc-grid,.svm-car-list,.car-list,.vehicle-list,.svm-list,.stock-list){grid-template-columns:minmax(0,1fr);gap:17px}
 #svm-canvas .splinter-ucc-media > img,#svm-canvas .splinter-ucc-media > a > img{height:220px!important}
 #svm-canvas .splinter-ucc-title{font-size:1.22rem!important}
 #svm-canvas :is(input,select,textarea){font-size:16px!important;max-width:100%}
 #svm-canvas .splinter-ucc-filters{padding:14px}
 #svm-canvas .splinter-ucc-card:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){#svm-canvas .splinter-ucc-card,#svm-canvas .splinter-ucc-media img,#svm-canvas .splinter-ucc-card::after{transition:none!important;transform:none!important}}
