/* Prepared vehicle previews load only the selected pair of compressed images. */
@keyframes colour-settle{from{opacity:.7;filter:brightness(1.04)}to{opacity:1;filter:brightness(1)}}.kit-images canvas:not([hidden]){animation:colour-settle .22s ease-out}.view-switch button{transition:background .2s,box-shadow .2s,color .2s}
.studio-colours{display:grid;grid-template-columns:1.35fr 1fr;gap:22px;padding:0 28px 18px}.colour-label{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:11px}.colour-label strong{font-weight:600}.colour-label span{color:#768195;font-size:10px}.paint-palette{display:flex;flex-wrap:wrap;gap:8px}.paint-swatch{width:28px;height:28px;background:var(--paint);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d4dae2;cursor:pointer;position:relative;padding:0}.paint-swatch.original{background:conic-gradient(#e1e5e9 0 25%,#fff 0 50%,#e1e5e9 0 75%,#fff 0)}.paint-swatch.selected{outline:2px solid #0f4e8a;outline-offset:3px}.studio-colours>p{grid-column:1/-1;font-size:10px;min-height:15px;margin-top:-4px;color:#768195}.kit-images canvas{display:block;width:100%;height:385px;object-fit:contain}.kit-images.compare canvas{height:285px;background:#f6f7f9}.kit-images [hidden]{display:none!important}.visualiser-heading h1{font-size:43px!important}.visualiser-heading{padding-bottom:30px!important}
@media(max-width:1100px){.studio-colours{padding-inline:22px;gap:18px}.kit-images canvas{height:320px}.kit-images.compare canvas{height:240px}}
@media(max-width:780px){.studio-colours{grid-template-columns:1fr;gap:18px;padding-inline:19px}.paint-swatch{width:30px;height:30px}.paint-palette{gap:10px}.studio-colours>p{margin-top:-5px}.kit-images canvas{height:260px}.kit-images.compare canvas{height:220px}.visualiser-heading h1{font-size:33px!important}}
.visualiser-heading{padding-top:42px}.visualiser-heading h1{font-size:52px;max-width:20ch}.visualiser-heading>p:last-child{max-width:75ch}.kit-studio{display:grid;grid-template-columns:270px minmax(0,1fr);gap:32px;padding-bottom:64px;align-items:start}.studio-controls{background:#f6f8fb;border:1px solid #e3e8ef;border-radius:12px;padding:25px}.studio-controls .eyebrow{color:#0f4e8a;margin-bottom:20px;font-size:10px}.studio-controls label{margin-bottom:17px;font-size:12px}.studio-controls select{font-size:13px;padding:11px 9px}.kit-step{margin-top:28px}.kit-options{display:grid;gap:10px}.kit-option{padding:14px;border:1px solid #dde4ed;background:#fff;border-radius:7px;text-align:left;cursor:pointer;color:#14161f}.kit-option strong{display:block;font-size:12px;line-height:1.5}.kit-option span{display:block;font-size:10px;color:#818896;margin-top:5px}.kit-option.selected{border-color:#0f4e8a;box-shadow:0 0 0 1px #0f4e8a;background:#eff5fc}.kit-option.selected strong{color:#0f4e8a}.studio-stage{min-width:0;border:1px solid #e2e7ef;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 10px 35px #13315906}.stage-toolbar{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:28px 28px 16px}.stage-toolbar .eyebrow{font-size:9px;margin-bottom:10px}.stage-toolbar h2{font-size:21px;line-height:1.3;max-width:30ch}.free-badge{white-space:nowrap;display:inline-flex;align-items:center;gap:6px;background:#e9f4ee;color:#236849;border:1px solid #d0e7d8;border-radius:30px;padding:6px 10px;font-size:10px;font-weight:600}.free-badge:before{content:'';width:5px;height:5px;border-radius:50%;background:#39845e}.view-switch{display:inline-flex;gap:3px;padding:4px;border:1px solid #dfe5ed;border-radius:7px;margin:5px 28px 20px;background:#f5f7fa}.view-switch button{font-size:11px;font-weight:500;color:#768195;background:none;border:0;border-radius:4px;padding:8px 13px;cursor:pointer}.view-switch button.active{background:#fff;color:#0f4e8a;box-shadow:0 2px 5px #1c385b12}.kit-images{position:relative;background:#f6f7f9;min-height:320px}.kit-images figure{margin:0;min-width:0;position:relative}.kit-images img{width:100%;height:385px;object-fit:contain}.kit-images figcaption{position:absolute;bottom:16px;left:20px;background:#fffffff0;color:#647082;padding:6px 10px;border-radius:4px;font-size:9px;letter-spacing:.03em}.kit-images.compare{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e4e8ef}.kit-images.compare img{height:285px;background:#f6f7f9}.kit-unavailable{padding:70px 28px;text-align:center;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.kit-unavailable h3{font-size:21px;margin-bottom:15px}.kit-unavailable p{font-size:13px;max-width:40ch}.kit-result-copy{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 28px}.kit-result-copy h3{font-size:18px;margin-bottom:10px}.kit-result-copy p{font-size:11px;line-height:1.8}.kit-result-copy .button{font-size:10px;flex:none;padding:12px 16px}.studio-stage>.button,.studio-stage>.form-message,.studio-stage>.sample-note{margin:0 28px 22px}.studio-stage>.sample-note{border-top:1px solid #e5e9ef;padding-top:18px;font-size:10px!important}.kit-feature-band{margin-top:12px}.nav-preview{color:#0f4e8a!important;background:#eaf2fb;padding:10px 12px;border-radius:5px}.header-call{color:#0f4e8a;font-size:11px;white-space:nowrap;text-transform:uppercase;letter-spacing:.07em}.header-row{gap:22px}.site-header nav{gap:22px;align-items:center}.header-search{display:none}.cart-link{margin-left:auto;white-space:nowrap}.studio-home-strip{background:#f3f7fc;border-block:1px solid #e0e8f4}.studio-home-strip>.container{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:28px}.studio-home-strip .free-badge{float:left;margin-right:18px;margin-top:4px}.studio-home-strip h2{font-size:23px}.studio-home-strip p{font-size:12px;margin-top:7px}.studio-home-strip .button{gap:22px;flex:none}.preview-product-link{margin:5px 0 10px}.site-header nav a{font-size:11px;letter-spacing:.06em}
@media(max-width:1100px){.kit-studio{grid-template-columns:240px minmax(0,1fr);gap:20px}.studio-controls{padding:20px}.kit-images img{height:320px}.kit-images.compare img{height:240px}.stage-toolbar{padding:23px 22px 15px}.stage-toolbar h2{font-size:18px}.view-switch{margin-left:22px}.kit-result-copy{display:block;margin:22px}.kit-result-copy .button{margin-top:17px}.studio-stage>.sample-note,.studio-stage>.button,.studio-stage>.form-message{margin-inline:22px}.site-header nav{gap:14px}.header-row{gap:17px}.brand img{width:152px}.header-call{display:none}}
@media(max-width:780px){.visualiser-heading h1{font-size:36px}.visualiser-heading>p:last-child{font-size:14px}.kit-studio{grid-template-columns:1fr;gap:20px;padding-bottom:36px}.studio-controls{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:19px}.studio-controls>.eyebrow,.studio-controls>.sample-note,.kit-options{grid-column:1/-1;margin:0}.studio-controls label{margin:0}.studio-controls .kit-step{margin-top:8px}.kit-options{grid-template-columns:1fr 1fr}.kit-option{padding:12px}.kit-option strong{font-size:11px}.kit-option span{font-size:9px}.stage-toolbar{padding:21px 19px 12px;gap:10px}.stage-toolbar h2{font-size:17px}.stage-toolbar .free-badge{padding:5px 8px;font-size:9px}.view-switch{margin:8px 19px 16px}.kit-images{min-height:230px}.kit-images img{height:260px}.kit-images.compare{grid-template-columns:1fr}.kit-images.compare img{height:220px}.kit-result-copy{margin:22px 19px}.studio-stage>.sample-note,.studio-stage>.button,.studio-stage>.form-message{margin-inline:19px}.kit-result-copy h3{font-size:17px}.kit-result-copy .button{width:100%;font-size:11px}.kit-images figcaption{left:14px;bottom:12px;font-size:8px}.studio-home-strip>.container{display:block;padding-block:23px}.studio-home-strip .free-badge{float:none;margin:0 0 12px}.studio-home-strip h2{font-size:23px}.studio-home-strip .button{margin-top:18px;width:100%}.header-call{display:none}.site-header nav.open .nav-preview{width:max-content}.kit-feature-band .preview-cta h2{font-size:25px}}