.vsh-finder,.vsh-finder *{box-sizing:border-box}.vsh-finder{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 94% 11%,rgba(145,187,230,.33),transparent 39%),linear-gradient(118deg,#f5f8fb,#e5ecf5 49%,#d8e5f1);border-block:1px solid #d2dfeb;color:#101e2e;padding:clamp(48px,6.2vw,105px) 22px clamp(46px,5vw,75px)}.vsh-finder:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.13;background-image:linear-gradient(90deg,#5d85ae 1px,transparent 1px),linear-gradient(#5d85ae 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(to right,transparent,black);mask-image:linear-gradient(to right,transparent,black)}.vsh-finder__halo{position:absolute;z-index:-1;right:-170px;top:-260px;width:610px;height:610px;border:1px solid #ffffffa6;border-radius:50%;box-shadow:0 0 0 75px #ffffff26,0 0 0 151px #ffffff1d}.vsh-finder__wrap{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,.95fr);align-items:center;gap:clamp(35px,5.4vw,98px);width:100%;max-width:1320px;margin:0 auto}.vsh-finder__copy{min-width:0;max-width:650px}.vsh-finder__eyebrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#305d8c;font:800 11px/1.5 var(--font-body-family),Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:0 0 23px}.vsh-finder__spark{display:inline-block;width:9px;height:9px;border-radius:50%;background:#4d96e9;box-shadow:0 0 0 5px #4d96e91e}.vsh-finder__eyebrow-rule{width:23px;height:1px;background:#8aa7c3}.vsh-finder__copy h1,.vsh-finder__copy h2{max-width:670px;margin:0 0 22px;color:#101e2e;font-family:var(--font-heading-family),Arial,sans-serif;font-size:clamp(45px,5.5vw,84px);font-weight:800;line-height:1.02;letter-spacing:-.065em;text-wrap:balance;text-transform:none}.vsh-finder__intro{font-size:clamp(16px,1.35vw,19px);line-height:1.63;color:#425870;margin:0 0 26px;max-width:540px}.vsh-finder__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.vsh-finder__actions a{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;text-decoration:none;border-radius:12px;min-height:52px;padding:13px 18px;font-weight:800;font-size:13px;transition:transform .18s,box-shadow .18s}.vsh-finder__primary{color:#fff!important;background:linear-gradient(130deg,#123a6e,#205b9f);box-shadow:0 10px 22px #1c599b38;border:1px solid #194978}.vsh-finder__primary:hover{box-shadow:0 13px 27px #1c599b55}.vsh-finder__secondary{color:#1f4c7b!important;border:1px solid #9eb7cf;background:#ffffffae}.vsh-finder__steps{margin:43px 0 14px;padding:21px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid #bed0e1;list-style:none}.vsh-finder__steps li{display:flex;gap:9px;align-items:center;min-width:0}.vsh-finder__steps span{color:#417eae;font:800 12px/1 monospace}.vsh-finder__steps strong{font-size:12px;line-height:1.45;color:#304d68;font-weight:750}.vsh-finder__independent{font-size:11px;line-height:1.55;color:#60758b;margin:0;max-width:510px}.vsh-finder__panel{overflow:hidden;min-width:0;max-width:615px;width:100%;justify-self:end;border-radius:22px;border:1px solid #ffffffde;background:linear-gradient(146deg,#ffffffef,#edf3fbec);box-shadow:0 24px 62px #0f2d4b2b,inset 0 2px #fff}.vsh-finder__panel-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px clamp(20px,2.4vw,31px);border-bottom:1px solid #d3dfea;background:#ffffff80;color:#496a89;letter-spacing:.07em;font-weight:800;font-size:10px}.vsh-finder__panel-step{color:#224e7c}.vsh-finder__panel-step span{color:#98afc7;margin:0 4px}.vsh-finder__panel-main{padding:clamp(22px,3vw,38px)}.vsh-finder__panel-main h3{font:850 clamp(23px,2vw,28px)/1.16 var(--font-heading-family),Arial,sans-serif;letter-spacing:-.04em;color:#15263a;margin:0 0 10px;text-transform:none}.vsh-finder__panel-intro{margin:0 0 25px;color:#587089;font-size:14px;line-height:1.58}.vsh-finder__panel label{display:block;font-size:12px;font-weight:850;letter-spacing:.04em;color:#18344e;text-transform:uppercase;margin:0 0 9px}.vsh-finder__optional{font-weight:500;text-transform:none;letter-spacing:0;color:#7188a0}.vsh-finder__entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.vsh-finder__entry input{width:100%;min-width:0;height:60px;padding:12px 17px;color:#152b3c;border:1px solid #9eb6ce;border-radius:11px;background:#f3f8fd;font:900 clamp(20px,2vw,25px)/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em;box-shadow:inset 0 2px 6px #23456614}.vsh-finder__entry input::placeholder{color:#8194a6}.vsh-finder__entry button{display:inline-flex;align-items:center;justify-content:center;gap:11px;border:0;border-radius:11px;background:linear-gradient(135deg,#2563aa,#17477f);color:#fff;min-height:60px;padding:0 20px;font:800 13px/1.2 var(--font-body-family),Arial,sans-serif;cursor:pointer;white-space:nowrap;box-shadow:0 8px 16px #275c9b2d}.vsh-finder__entry button:hover:not(:disabled){background:#174e90}.vsh-finder__entry button:disabled{opacity:.65;cursor:progress}.vsh-finder__status{min-height:18px;font-size:12px;color:#607589;margin:13px 0 0;line-height:1.5}.vsh-finder__status[data-state=success]{color:#216b42;font-weight:750}.vsh-finder__status[data-state=warning]{color:#965f17;font-weight:750}.vsh-finder__status[data-state=error]{color:#a12626;font-weight:750}.vsh-finder__vehicle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;border:1px solid #c7d9e9;border-radius:11px;padding:16px;margin:17px 0;background:#f4f8fc}.vsh-finder__vehicle[hidden],.vsh-finder__options[hidden],.vsh-finder__catalogue-match[hidden]{display:none!important}.vsh-finder__vehicle div{display:flex;flex-direction:column;gap:4px}.vsh-finder__vehicle small{font-size:10px;font-weight:800;letter-spacing:.08em;color:#617e99}.vsh-finder__vehicle strong{font-size:16px;color:#1a3550;overflow-wrap:anywhere}.vsh-finder__options{display:grid;gap:9px;margin-top:17px}.vsh-finder__options>p{margin:0 0 4px;color:#34516e;font-size:12px;font-weight:800}.vsh-finder__options a{display:flex;align-items:center;gap:8px;padding:12px 14px;border:1px solid #bdcee0;border-radius:9px;text-decoration:none;background:#fff;color:#1b3857;font-size:13px;font-weight:750}.vsh-finder__options a strong{margin-left:auto;color:#1e5c9c;white-space:nowrap}.vsh-finder__options a:hover{border-color:#5d9cd8}.vsh-finder__catalogue-match{padding:12px 14px;background:#e3f1fc;border-radius:9px;color:#275e89;line-height:1.5}.vsh-finder__manual{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 13px;align-items:center;padding-top:18px;margin-top:22px;border-top:1px solid #cfdaea;font-size:12px;color:#647c92}.vsh-finder__manual a{color:#1e5c9c;font-weight:800;text-underline-offset:3px}.vsh-finder__panel-footer{padding:14px clamp(20px,2.4vw,31px);border-top:1px solid #d3dfea;background:#e5edf7a8;color:#48617a;font-size:11px;line-height:1.5;display:flex;gap:9px;align-items:flex-start}.vsh-finder__panel-lock{font-weight:900;color:#2266ac}.vsh-finder :is(a,button,input):focus-visible{outline:3px solid #378bd6;outline-offset:3px}@media(min-width:1000px){.vsh-finder__wrap{min-height:495px}}@media(max-width:1000px){.vsh-finder__wrap{grid-template-columns:1fr;gap:28px}.vsh-finder__copy{max-width:none}.vsh-finder__panel{max-width:none;justify-self:stretch}.vsh-finder__steps{margin-top:25px}.vsh-finder__copy h1,.vsh-finder__copy h2{font-size:clamp(39px,7vw,64px)}}@media(max-width:600px){.vsh-finder{padding:34px 16px 44px}.vsh-finder__eyebrow{font-size:10px;gap:7px;margin-bottom:17px}.vsh-finder__copy h1,.vsh-finder__copy h2{font-size:clamp(37px,11vw,52px);letter-spacing:-.055em}.vsh-finder__intro{font-size:15px;line-height:1.55;margin-bottom:19px}.vsh-finder__actions a{padding:11px 14px;min-height:45px;font-size:12px}.vsh-finder__steps{grid-template-columns:1fr 1fr 1fr;gap:6px;padding-top:14px;margin:23px 0 11px}.vsh-finder__steps li{flex-direction:column;align-items:flex-start;gap:5px}.vsh-finder__steps strong{font-size:11px}.vsh-finder__panel{border-radius:16px}.vsh-finder__panel-top{font-size:9px;padding:15px}.vsh-finder__panel-main{padding:20px 16px}.vsh-finder__panel-main h3{font-size:23px}.vsh-finder__entry{grid-template-columns:1fr}.vsh-finder__entry input{height:57px}.vsh-finder__entry button{min-height:50px}.vsh-finder__manual{display:grid}.vsh-finder__panel-footer{padding:12px 16px}.vsh-finder__panel-note{font-size:8px}}@media(prefers-reduced-motion:reduce){.vsh-finder__actions a{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/173/assets/vsh-vehicle-finder.css.map */