.pd-spec-section{grid-template-columns:1.18fr 1fr;gap:35px;align-items:start;padding-top:48px}.vehicle-preview{min-width:0;border:1px solid #39432f;background:#171c17;overflow:hidden}.vp-heading{padding:22px 22px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.vp-heading .pd-kicker{font-size:7px;letter-spacing:1.3px;margin-bottom:9px}.vp-heading h2{font:500 clamp(27px,3vw,42px)/1 var(--heading);margin:0}.vp-heading h2 span{color:var(--accent)}.vp-live{font-size:7px;letter-spacing:1px;color:#d9ff58;border:1px solid #455438;padding:6px 8px}.vp-tabs{display:flex;padding:0 22px 18px;gap:6px}.vp-tabs button{flex:1;padding:12px 5px;border:1px solid #3b4635;background:#1e251c;color:#aebca3;font:500 10px var(--body);cursor:pointer;white-space:nowrap}.vp-tabs button span{color:#829074;font-size:8px;margin-right:5px}.vp-tabs button[aria-pressed=true]{background:#d6ff56;border-color:#d6ff56;color:#17200c}.vp-tabs button[aria-pressed=true] span{color:#3a4d19}.vp-tabs button:hover{border-color:#d6ff56}.vehicle-preview button:focus-visible,.vp-canvas canvas:focus-visible{outline:2px solid #d6ff56;outline-offset:3px}.vp-canvas{position:relative;height:355px;overflow:hidden;background:linear-gradient(#bbc3bf,#c8bca1)}.vp-canvas canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}.vp-canvas canvas:active{cursor:grabbing}.vp-location{position:absolute;left:18px;top:17px;color:#28322c;font-size:7px;letter-spacing:1.8px;z-index:1;pointer-events:none;background:#f4f4e3bb;padding:7px 9px}.vp-reset{position:absolute;top:16px;right:15px;border:1px solid #e2e6dd9e;background:#26352bbb;color:white;padding:7px 10px;cursor:pointer;font-size:9px;z-index:1}.vp-hint{position:absolute;bottom:15px;left:0;right:0;text-align:center;color:#f5f3e7;font-size:7px;letter-spacing:1px;pointer-events:none;text-shadow:0 1px 4px #000}.vp-canvas>[data-preview-start]{position:absolute;top:45%;left:25%;width:50%;padding:15px 8px;background:#d6ff56;border:0;color:#17200c;cursor:pointer;font-size:12px}.vp-canvas>[data-preview-start][hidden]{display:none}.vp-canvas>[data-preview-start]:disabled{opacity:.5}.vp-footer{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:15px 18px;border-top:1px solid #39432f;color:#c6d4ba;font-size:8px;min-height:45px}.vp-footer>span:last-child{font-size:6px;letter-spacing:1px;color:#839478;text-align:right;max-width:100px}.vp-note{margin:0;padding:0 18px 17px;font-size:9px;color:#8f9e83;line-height:1.7}.pd-spec-intro{font-size:10px;color:#a8b99a;line-height:1.7;margin:17px 0}.pd-spec-card{padding:25px 23px}
.vp-canvas{height:410px;background-position:center;background-size:cover}.vp-canvas:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 65%,transparent 15%,#09121b33 100%);pointer-events:none}.vp-canvas canvas{position:relative;z-index:0}.vp-credits{padding:0 18px 15px;color:#93a18c;font-size:8px;line-height:1.7}.vp-credits summary{cursor:pointer}.vp-credits a{text-decoration:underline;color:#afbea5}.vp-canvas .vp-hint{background:#0b121d99;left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:95%;padding:7px 10px}.vp-location{color:#e9efe4;background:#14202fbb}.vp-heading .pd-kicker{color:#b9c3ad}
@media(min-width:1450px){.vp-canvas{height:450px}}
.vp-product-wheel{flex:1;min-width:100px;color:#c8d5bd}.vp-product-wheel span{display:block;font-size:8px;letter-spacing:1px;color:#94a584;margin-bottom:9px}.vp-product-wheel strong{font-size:15px;font-weight:500}
.vp-background{position:absolute;inset:-12px;background-size:cover;background-position:center;filter:blur(4px) brightness(.8);transform:scale(1.03);pointer-events:none}.vp-canvas:before{display:none}.vp-canvas canvas{z-index:0;touch-action:none}.vp-options{display:flex;gap:10px;padding:15px 18px;align-items:end;flex-wrap:wrap;border-top:1px solid #39432f}.vp-options label{flex:1;min-width:120px;font-size:9px;color:#b9c8ad}.vp-options select{display:block;width:100%;margin-top:7px;padding:9px 5px;background:#232b20;color:#eef3e8;border:1px solid #48533c;font-size:10px}.vp-options button{padding:10px;background:transparent;border:1px solid #8caa58;color:#d6ff56;font-size:9px;cursor:pointer}.vp-canvas>[data-preview-start]{z-index:2}
@media(max-width:980px) and (min-width:761px){.pd-spec-section{grid-template-columns:1fr;gap:25px}.vp-canvas{height:420px}}
@media(max-width:760px){.pd-spec-section{grid-template-columns:1fr;gap:24px;padding-top:30px}.vp-heading{padding:20px 15px 14px}.vp-heading h2{font-size:32px}.vp-tabs{padding:0 14px 14px;gap:5px}.vp-tabs button{font-size:9px;padding:12px 3px}.vp-tabs button span{display:none}.vp-canvas{height:300px}.vp-location{left:12px;font-size:6px;letter-spacing:1px}.vp-reset{right:10px;font-size:8px}.vp-footer{padding:13px 14px;font-size:7px}.vp-footer>span:last-child{max-width:70px}.vp-note{font-size:8px;padding:0 14px 15px}}
.vp-canvas .vp-preview-toggle{display:none;position:absolute;right:12px;bottom:12px;z-index:1;min-height:44px;padding:0 14px;border:1px solid #d6ff56;background:#17200cee;color:#d6ff56;font:500 12px var(--body);cursor:pointer}
.vp-preview-toggle:disabled,.vp-options [data-wheel-detail]:disabled{opacity:.55}
.vp-touch-hint{display:none}
@media (pointer:coarse),(max-width:760px){
  .vp-canvas .vp-preview-toggle{display:block}
  .vp-canvas .vp-hint{bottom:24px;left:12px;max-width:50%;transform:none}
  .vp-desktop-hint{display:none}
  .vp-touch-hint{display:inline}
  .vp-options [data-wheel-detail]{display:none}
}