/* MV Care — white mechanical art gallery. */
:root{--red:#a8182c;--red2:#841124;--ink:#23272a;--muted:#737a80;--line:#dce0e2;--paper:#f4f5f5;--white:#fff;--green:#376b58}
html{scroll-padding-top:24px;background:#f4f5f5}body{background:radial-gradient(ellipse at 14% 20%,#fff 0,transparent 48%),#f4f5f5;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}.shell{max-width:1600px;padding:0 4.2vw}button,input,select{border-radius:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:4px}.top{background:transparent;border-bottom:0}.nav{min-height:94px;border-bottom:1px solid #dce0e2;position:relative;gap:24px}.brand{gap:10px}.brand:hover{text-decoration:none}.brand-mark{font-size:32px;font-weight:850;letter-spacing:-4px;line-height:1}.brand-mark>span{color:var(--red);margin-left:3px;font-size:27px}.brand-name{font-size:18px;letter-spacing:5px;font-weight:700;line-height:1.25}.brand-name small{font-size:8px;letter-spacing:1.5px;margin-top:5px}.header-caption{font-size:11px;letter-spacing:3px;color:#858a8f;margin-right:auto;margin-left:30px}.navlinks{gap:24px;font-size:12px}.navlinks a span{margin-left:20px;color:var(--red)}
.gallery-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(480px,.92fr);gap:3.6vw;align-items:start;padding-top:32px;padding-bottom:44px}.showroom{position:sticky;top:24px;height:calc(100svh - 145px);min-height:600px;max-height:850px;display:flex;flex-direction:column;isolation:isolate;min-width:0;overflow:clip}.showroom-intro{padding-top:15px;z-index:2;pointer-events:none}.showroom-kicker{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:2px;color:#747d82;font-weight:600}.showroom-kicker i{width:5px;height:5px;background:var(--red);display:block;border-radius:50%}.showroom h1{font-size:clamp(54px,6.5vw,104px);line-height:.98;letter-spacing:-4px;font-weight:500;margin:22px 0 18px}.showroom h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--red);letter-spacing:-5px}.showroom-intro>p{font-size:12px;letter-spacing:3px;color:#747c81}.machine-scene{position:relative;flex:1;min-height:275px;display:flex;align-items:center;justify-content:center;margin:0 -1.5%;isolation:isolate}.scene-lettering{position:absolute;top:18%;left:50%;transform:translateX(-50%);font-size:clamp(45px,5.6vw,90px);letter-spacing:-5px;font-weight:750;color:transparent;-webkit-text-stroke:1px #d2d7d9;white-space:nowrap;opacity:.58;z-index:-2;pointer-events:none}.scene-halo{position:absolute;inset:-5% -10% -10%;background:radial-gradient(ellipse at 48% 42%,#fff 20%,#ebeff0a6 50%,transparent 71%);z-index:-3}.scene-floor{position:absolute;bottom:14%;width:91%;height:35px;transform:rotate(-2deg);border-radius:50%;background:radial-gradient(ellipse,#4c56552b,transparent 67%);filter:blur(9px);z-index:-1}.machine-scene img{top:-22px;width:112%;max-width:none;height:auto;position:relative;z-index:1;object-fit:contain;filter:drop-shadow(0 14px 10px #2b333612);animation:machine-reveal 1.1s cubic-bezier(.2,.7,.2,1) both}.scene-cross{position:absolute;color:#acb3b6;font-size:19px;font-weight:300}.cross-left{left:4%;top:18%}.cross-right{right:4%;bottom:13%}.machine-plaque{display:flex;align-items:center;gap:25px;padding:5px 0 23px}.machine-plaque>div>span{display:block;color:#8b9296;font-size:8px;letter-spacing:1.8px;margin-bottom:4px}.machine-plaque strong{font-size:16px;letter-spacing:2px;font-weight:550;white-space:nowrap}.machine-plaque strong i{font-family:Georgia,serif;font-size:24px;color:#a18b60}.plaque-line{height:1px;background:linear-gradient(to right,#bcc2c5,transparent);flex:1}.plaque-caption{font-size:9px;letter-spacing:2px;line-height:1.9;color:#777f83;text-align:right}.showroom-bottom{display:flex;gap:17px;align-items:center;color:#969ca1;font-size:8px;letter-spacing:1.7px;border-top:1px solid var(--line);padding-top:15px}.showroom-bottom>span:last-child{margin-left:auto}.showroom-rule{width:23px;height:2px;background:var(--red)}
.service-workspace{min-width:0;background:#ffffffb5;border:1px solid #fff;border-radius:3px;box-shadow:0 20px 70px #44535808,0 0 0 1px #dfe4e557;padding:23px 28px 0;position:relative}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;height:24px;margin-bottom:19px}.workspace-label{font-size:9px;color:#838b90;letter-spacing:1.6px;display:flex;gap:8px;align-items:center}.workspace-label i{height:5px;width:5px;background:#788b80;border-radius:50%}#editVehicle{font-size:11px;background:none;color:var(--red);padding:5px 0}.flow-stages{list-style:none;display:flex;padding:0;margin:0 0 30px;border-bottom:1px solid var(--line);gap:0}.flow-stages li{flex:1;font-size:11px;color:#949ba0;padding:0 0 14px;position:relative;white-space:nowrap}.flow-stages li span{font-family:Georgia,serif;font-size:15px;letter-spacing:0;margin-right:8px;color:#9ca3a7}.flow-stages li[aria-current]{color:var(--ink);font-weight:650}.flow-stages li[aria-current] span{color:var(--red)}.flow-stages li:after{content:'';position:absolute;bottom:-1px;left:0;right:25%;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .35s}.flow-stages li[aria-current]:after{transform:scaleX(1)}.workspace-content{position:relative;min-width:0}.workspace-content>.form-card,.workspace-content>.checkpoint,.workspace-content>.results{animation:sheet-unfold .45s cubic-bezier(.22,.8,.25,1)}.form-card{padding:0;background:none;border:0;box-shadow:none}.panel-eyebrow{font-size:9px;color:#8d969b;letter-spacing:2px}.panel-intro h2{font-size:clamp(25px,2.4vw,34px);font-weight:500;line-height:1.5;letter-spacing:-.6px;margin:10px 0 9px}.panel-intro p{font-size:12px;color:var(--muted)}.group-label{font-size:11px;letter-spacing:1px;margin:26px 0 10px;color:#677075}.groups{gap:7px}.group{position:relative;min-height:64px;background:#f7f8f8;border:1px solid transparent;color:#70797e;gap:4px;padding:10px 3px}.group svg{display:none}.group .family-number{font-family:Georgia,"Times New Roman",serif;font-size:22px;line-height:1.1;letter-spacing:-.5px;font-weight:400}.group span:last-child{font-size:8px;letter-spacing:.1px}.group[aria-pressed=true]{border:1px solid #bcbfc1;background:#fff;color:var(--ink);font-weight:500;box-shadow:0 3px 12px #36434b08}.group[aria-pressed=true]:after{content:'';position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:var(--red)}.group[aria-pressed=true] .family-number{color:var(--red)}.fields{gap:17px 14px;margin-top:22px}.field label,.registration-field legend{font-size:11px;font-weight:500;color:#5e686e;margin-bottom:7px}.req{font-size:10px}input,select{border:1px solid #d8dee1;background:#ffffffc9;padding:10px 12px;min-height:44px;font-size:13px;border-radius:2px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:#999e9f;box-shadow:0 0 0 3px #d9dfe433;outline:none}.field small,.form-note{font-size:10px;line-height:1.75;color:#838b91}.registration-field{margin:0}.history-details{margin-top:18px;padding-top:14px}.history-details summary{font-size:11px;color:#70797e}.form-note{margin-top:15px}.primary{background:var(--ink);font-weight:500;font-size:12px;min-height:49px;padding:14px 18px;border-radius:2px;letter-spacing:.5px}.primary:hover{background:var(--red)}.submit{margin-top:20px}.submit svg{color:#e9c4c9;width:18px}.form-bottom{gap:10px;margin-top:15px;font-size:10px}.checklabel{font-size:10px}.text-button{font-size:10px}.savednotice{font-size:10px;color:#6d8074;margin:9px 0 0}.gallery-guide{border-top:1px solid var(--line);margin-top:22px;font-size:11px;color:#7b8388}.gallery-guide>summary{padding:16px 0;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.gallery-guide>summary::-webkit-details-marker{display:none}.gallery-guide summary span{font-size:17px}.gallery-guide[open] summary span{transform:rotate(45deg)}.gallery-guide>div{padding:2px 0 20px;font-size:11px;line-height:1.8}.gallery-guide p{margin:7px 0}.gallery-guide p b{font-size:11px;color:var(--red);font-weight:500;margin-right:6px}.gallery-guide small{font-size:10px;display:block;padding-top:10px;color:#959ca0}.gallery-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;padding-top:18px;padding-bottom:18px;border-top:1px solid var(--line);font-size:9px;letter-spacing:.4px;color:#8a9297}.gallery-footer i{font-style:normal;margin:0 10px;color:#bbc1c4}.gallery-footer>div{display:flex;gap:28px}.gallery-footer a{color:#747e83}
/* Preserve the question book as one continuous surface within the side panel. */
.checkpoint.shell{padding:0;margin:0;max-width:none;scroll-margin-top:30px}.checkpoint-card{background:transparent;border:0;padding:0}.section-kicker{color:#939b9f;font-size:9px;letter-spacing:1.8px}.checkpoint-card h2{font-size:24px;line-height:1.55;font-weight:500;margin:10px 0}.checkpoint-card>p{font-size:11px;line-height:1.8}.checkpoint-card #checkpointVehicle{font-size:10px;color:#788188;margin-top:10px}.question-controls{grid-template-columns:95px minmax(0,1fr) 34px;gap:12px;margin:19px 0 9px;padding:8px 0 12px;position:static;background:transparent;box-shadow:none}.question-controls .previous-prominent{min-height:52px;padding:8px;gap:6px;justify-content:center;border:1px solid #d7dbdc;background:#fff;box-shadow:none;border-radius:2px}.question-controls .previous-arrow{font-size:18px}.question-controls .previous-prominent strong{font-size:11px}.question-controls .previous-prominent small{display:none}.question-controls .progress-copy{display:block}.question-controls .progress-copy strong{font-size:12px}.question-controls .progress-copy span{display:block;font-size:9px;font-weight:400;margin-top:2px;color:#889095}.question-controls progress{height:4px}.question-controls .progress-meter{gap:6px;margin-top:6px}.question-controls .progress-meter b{font-size:10px;min-width:27px}.question-controls #nextQuestion{width:34px;height:36px;font-size:17px;border-radius:2px}.step-help{font-size:9px!important;margin-bottom:11px!important;color:#959da2!important}.question-book{border-color:#e0e4e5;border-radius:3px;box-shadow:0 10px 25px #46565d05;background:#fff}.question-book #questionSteps{background:#f0f3f3}.question-track{padding:8px 8px 0;gap:3px}#questionIndicator{top:8px;border-radius:4px 4px 0 0;box-shadow:inset 0 2px var(--red)}.question-book .question-step{flex-basis:114px;width:114px;min-height:68px;padding:10px 8px;gap:7px;border-radius:4px 4px 0 0}.question-book .question-step strong{font-size:10px}.question-book .question-step small{font-size:8px}.question-book .step-number{width:23px;height:23px;flex:0 0 23px;font-size:10px}.question-book .question-card{padding:23px 20px 17px;min-height:320px}.question-book .question-card h3{font-size:22px;font-weight:500;line-height:1.5;margin:11px 0 14px}#questionContent>p,.question-ghost>p{font-size:11px;line-height:1.8}#questionContent>.question-milestone,.question-ghost>.question-milestone{font-size:9px;color:#8b7358;letter-spacing:.5px}.question-book .answer-options{grid-template-columns:1fr;gap:9px;margin-top:21px}.answer-options button{padding:13px 15px;gap:13px;border-color:#dce1e2}.question-book .answer-options button{border-radius:3px;background:#fff}.question-book .answer-options button:hover{border-color:#b5bbc0;background:#f7f9f9}.question-book .answer-options button[aria-pressed=true]{border-color:var(--red);background:#fbf5f6}.answer-options strong{font-size:13px;font-weight:550}.answer-options small{font-size:10px;margin-top:2px}.answer-symbol{height:28px;width:28px;font-size:16px;background:#f1f4f4;color:var(--red)}.question-book .question-footer{margin-top:15px;font-size:9px;color:#8a9297}
/* Recommendation sheets and the existing right-side product drawer. */
.results{background:transparent;border:0;padding:0}.results>.shell{padding:0;max-width:none}.result-heading{gap:10px;align-items:center}.result-heading h2{font-size:28px;font-weight:500}.result-heading p{font-size:10px}.result-heading .outline{padding:7px 10px;font-size:9px;background:transparent;border-radius:2px}.vehicle-line{margin:19px 0 24px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:none;display:block}.vehicle-line strong{font-size:13px;font-weight:550}.vehicle-line span{font-size:10px}.vehicle-line a{display:block;margin-top:6px;font-size:9px}.warning{font-size:10px}.recommendation-heading{display:block;margin:16px 0}.recommendation-heading .section-kicker{display:none}.recommendation-heading h3{font-size:20px;font-weight:500}.recommendation-heading p{font-size:11px;line-height:1.7}.recommendation-heading .outline{margin-top:13px;background:transparent;border:0;padding:0;font-size:11px;color:var(--red);border-bottom:1px solid #e6cdd1;padding-bottom:4px}.recommend-filters{gap:10px;margin:18px 0}.recommend-filters button{font-size:10px;border-radius:2px;padding:8px 13px;background:#fff}.recommend-filters button[aria-pressed=true]{background:var(--ink)}.recommendation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.recommend-card{border:1px solid #e2e6e7;border-radius:3px;background:linear-gradient(145deg,#fff,#f3f5f5);padding:14px;box-shadow:none}.recommend-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #2b444a0b}.recommend-number{font-family:Georgia,serif;font-size:15px;color:#a3abaf}.recommend-badge{font-size:8px;padding:3px 5px;background:#f4e9eb;color:var(--red);border-radius:2px}.recommend-main{gap:9px;min-height:76px;margin:10px 0}.recommend-main h3{font-size:13px;font-weight:550;line-height:1.6}.recommend-main strong{font-size:10px;color:#768083}.recommend-main .part-art{background:#e9eded;width:32px;min-width:32px;height:43px;color:#8b6b5b}.recommend-main .part-art svg{width:25px;height:25px}.recommend-main .bottle{transform:scale(.6);margin:-5px -8px}.recommend-card>p{font-size:9px;line-height:1.8;margin-bottom:12px}.recommend-product{padding:9px;border-radius:2px;gap:4px;background:#ffffffa8;border-color:#e0e5e6}.recommend-product span{font-size:10px}.recommend-product small{font-size:8px;margin-top:3px}.recommend-product b{font-size:17px;font-weight:400}.maintenance-details{border-radius:2px;margin-top:22px;border-color:#dce2e4;background:transparent}.maintenance-details>summary{padding:14px;font-size:11px}.maintenance-body{padding:14px 10px}.stats{gap:5px}.stat{padding:10px 7px;display:block}.stat span{font-size:9px}.stat strong{font-size:22px;display:block;margin-top:5px}.time-window-note{font-size:10px}.choice-summary{padding:12px;display:block}.choice-summary .outline{margin-top:10px;font-size:10px}.choice-summary p{font-size:10px}.source-panel{margin-top:20px;padding-top:16px;font-size:10px}.source-panel p{line-height:1.8}#productDrawer{background:#f7f9f9;border-left:1px solid #d6dcdf;box-shadow:-18px 0 75px #17293326}#productDrawer .drawer-header{background:#ffffffee;backdrop-filter:blur(16px)}.drawer-header h2{font-weight:500}.drawer-header .section-kicker{color:#8a949a}#drawerClose{border-radius:3px;border-color:#dce1e3;width:37px;height:37px;font-weight:300}#productDrawer .product{border-radius:3px;border-color:#e0e5e6;box-shadow:0 10px 30px #354b5106;background:white}#productDrawer .product-price strong{font-family:Georgia,serif;font-size:31px;font-weight:400;color:var(--ink)}.product-filters button{border-radius:2px}.product-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink)}.purchase-summary{border-radius:3px}.purchase-summary b{font-weight:500}.product-card-top{background:radial-gradient(ellipse,#e9eeee,transparent 72%);padding:10px}.product .bottle{box-shadow:inset 5px 0 8px #ffffff22,5px 9px 13px #263f4420}#quoteDialog{border-radius:4px}#quoteDialog h2{font-weight:500}
@keyframes machine-reveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-unfold{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:1600px){.gallery-layout{gap:65px}.service-workspace{padding:30px 40px 0}.showroom h1{font-size:108px}}
@media(max-width:1100px){.shell{padding-left:30px;padding-right:30px}.gallery-layout{grid-template-columns:minmax(0,1fr) minmax(440px,1fr);gap:25px}.service-workspace{padding:22px 22px 0}.showroom h1{font-size:65px}.header-caption{margin-left:10px;font-size:10px;letter-spacing:1px}.showroom-kicker{font-size:8px;letter-spacing:1px}.machine-plaque{gap:12px}.machine-plaque strong{font-size:12px;letter-spacing:1px}.plaque-caption{font-size:8px}}
@media(max-width:900px){.gallery-layout{grid-template-columns:1fr;gap:22px;padding-top:24px;max-width:720px}.showroom{position:relative;top:auto;height:430px;min-height:0;max-height:none}.showroom-intro{padding-top:0}.showroom h1{font-size:64px;margin:14px 0 12px;line-height:.96}.showroom-intro>p{font-size:11px;letter-spacing:2px}.machine-scene{position:absolute;left:20%;right:-3%;top:76px;bottom:35px;min-height:0}.machine-scene img{top:0;width:110%}.scene-lettering{font-size:60px;top:15%;letter-spacing:-4px}.scene-halo{inset:0 -10%}.scene-floor{bottom:17%}.machine-plaque{position:absolute;bottom:20px;left:0;right:0;padding:0}.plaque-caption{display:none}.machine-plaque strong{font-size:14px}.machine-plaque>div>span{font-size:7px}.plaque-line{display:none}.showroom-bottom{display:none}.service-workspace{padding:24px 28px 0}.panel-intro h2{font-size:30px}.nav{min-height:77px}.header-caption{display:none}.gallery-footer{max-width:720px;font-size:8px;gap:15px}.gallery-footer>div{gap:15px}.gallery-layout[data-stage=checkpoint] .showroom,.gallery-layout[data-stage=results] .showroom{height:210px}.gallery-layout:not([data-stage=vehicle]) .showroom-intro h1{font-size:39px;letter-spacing:-2px}.gallery-layout:not([data-stage=vehicle]) .showroom-intro>p{display:none}.gallery-layout:not([data-stage=vehicle]) .machine-scene{left:26%;top:-10px;bottom:0}.gallery-layout:not([data-stage=vehicle]) .scene-lettering{font-size:40px}.gallery-layout:not([data-stage=vehicle]) .machine-plaque{bottom:4px}.gallery-layout:not([data-stage=vehicle]) .machine-plaque strong{font-size:11px}}
@media(min-width:541px) and (max-width:900px){.gallery-layout:not([data-stage=vehicle]) .machine-scene img{width:100%;height:270px;object-fit:contain}}
@media(max-width:540px){.shell{padding-left:20px;padding-right:20px}.nav{min-height:72px;gap:10px}.brand-mark{font-size:27px}.brand-mark>span{font-size:23px}.brand-name{font-size:15px;letter-spacing:4px}.brand-name small{font-size:6px;letter-spacing:1.1px}.navlinks{gap:18px;font-size:10px}.navlinks a span{display:none}.gallery-layout{padding-top:21px;gap:20px;padding-bottom:27px}.showroom{height:355px}.showroom-kicker{font-size:7px;letter-spacing:1.2px}.showroom h1{font-size:53px;letter-spacing:-3px;margin:17px 0 12px}.showroom h1 em{letter-spacing:-3px}.showroom-intro>p{font-size:10px;letter-spacing:1px}.machine-scene{left:-4%;right:-4%;top:125px;bottom:38px}.machine-scene img{width:100%}.scene-lettering{font-size:47px;top:23%;letter-spacing:-3px}.scene-cross{display:none}.machine-plaque{bottom:0}.machine-plaque>div>span{font-size:6px;letter-spacing:1px}.machine-plaque strong{font-size:11px;letter-spacing:1.5px}.machine-plaque strong i{font-size:16px}.scene-floor{height:20px;bottom:12%}.service-workspace{padding:20px 17px 0}.workspace-label{font-size:8px;letter-spacing:1px}.workspace-heading{margin-bottom:16px}#editVehicle{font-size:10px}.flow-stages{margin-bottom:23px}.flow-stages li{font-size:10px;padding-bottom:11px}.flow-stages li span{font-size:13px;margin-right:5px}.panel-intro h2{font-size:27px;margin-top:8px}.panel-eyebrow{font-size:8px}.panel-intro p{font-size:11px}.group-label{margin-top:23px}.groups{gap:5px}.group{min-height:63px}.group .family-number{font-size:22px}.group span:last-child{font-size:7px}.fields{gap:16px 10px}.field label,.registration-field legend{font-size:10px}input,select{font-size:16px;padding:10px;min-height:45px}.field small,.form-note{font-size:9px}.form-bottom{flex-wrap:wrap;gap:8px}.form-bottom .text-button{font-size:9px}.checklabel{font-size:9px}.history-details summary{font-size:10px}.gallery-footer{display:block;font-size:8px;line-height:1.8;padding-top:20px;padding-bottom:22px}.gallery-footer>div{margin-top:7px}.gallery-layout:not([data-stage=vehicle]) .showroom{height:170px}.gallery-layout:not([data-stage=vehicle]) .showroom-intro h1{font-size:32px;letter-spacing:-1px;margin-top:12px}.gallery-layout:not([data-stage=vehicle]) .machine-scene{left:22%;right:-5%;top:0;bottom:0}.gallery-layout:not([data-stage=vehicle]) .scene-lettering{font-size:30px}.gallery-layout:not([data-stage=vehicle]) .machine-plaque{bottom:0}.gallery-layout:not([data-stage=vehicle]) .machine-plaque strong{font-size:8px}.gallery-layout:not([data-stage=vehicle]) .machine-plaque>div>span{font-size:5px}.checkpoint-card h2{font-size:21px}.checkpoint-card>p{font-size:10px}.question-controls{grid-template-columns:72px minmax(0,1fr) 29px;gap:8px}.question-controls .previous-prominent{padding:7px 3px;gap:3px;min-height:48px}.question-controls .previous-prominent strong{font-size:10px}.question-controls .previous-arrow{font-size:15px}.question-controls .progress-copy strong{font-size:11px}.question-controls .progress-copy span{font-size:8px}.question-controls .progress-meter b{font-size:9px;min-width:24px}.question-controls #nextQuestion{width:29px;height:32px;font-size:15px}.question-book .question-card{padding:20px 14px 15px;min-height:330px}.question-book .question-card h3{font-size:20px}.question-book .question-step{flex-basis:108px;width:108px}.question-book .question-step strong{font-size:9px}.question-book .question-step small{font-size:8px}.answer-options button{padding:13px 12px}.answer-options strong{font-size:12px}.answer-options small{font-size:9px}.recommendation-grid{grid-template-columns:1fr}.recommend-card{padding:15px 16px}.recommend-main{min-height:66px;margin:7px 0}.recommend-main h3{font-size:15px}.recommend-card>p{font-size:10px}.recommend-product span{font-size:11px}.recommend-product small{font-size:9px}.result-heading h2{font-size:24px}.result-heading .outline{font-size:8px;padding:7px}.result-heading p{font-size:9px}.product-toolbar label{font-size:11px}#productDrawer .product{flex-basis:calc(100% - 16px)}}
@media(prefers-reduced-motion:reduce){.machine-scene img,.workspace-content>.form-card,.workspace-content>.checkpoint,.workspace-content>.results{animation:none}.flow-stages li:after{transition:none}}
@media print{.top,.showroom,.workspace-heading,.flow-stages,.gallery-guide,.gallery-footer,.form-card{display:none!important}.gallery-layout{display:block;padding:0;max-width:none}.service-workspace{padding:0;border:0;background:white;box-shadow:none}.workspace-content,.results{display:block}body{background:white}.results>.shell{padding:0}.maintenance-details{border:0}.source-panel{font-size:10px}.recommend-card{break-inside:avoid}.machine-scene img{animation:none}}

.sr-only:focus{position:fixed;top:12px;left:12px;width:auto;height:auto;padding:12px 18px;background:#fff;color:#a8182c;z-index:1000;clip:auto;clip-path:none}
/* The vehicle changes its view with the service stage. */
.machine-scene .vehicle-views{width:112%;flex:0 0 112%;position:relative;top:-22px;display:grid;isolation:isolate;pointer-events:none}
.machine-scene .vehicle-view{grid-area:1 / 1;width:100%;max-width:100%;height:auto;position:relative;top:0;opacity:0;transform:translateX(12px) scale(.985);animation:none;transition:opacity .48s ease,transform .65s cubic-bezier(.22,.8,.25,1);pointer-events:none;user-select:none}
.machine-scene .vehicle-view.is-current{opacity:1;transform:translateX(0) scale(1);z-index:2}






@media(max-width:900px){.machine-scene .vehicle-views{top:0;width:110%;flex-basis:110%}.machine-scene .vehicle-view{width:100%;height:auto}}
@media(min-width:541px) and (max-width:900px){.gallery-layout:not([data-stage=vehicle]) .machine-scene .vehicle-views{width:100%;flex-basis:100%;height:270px}.gallery-layout:not([data-stage=vehicle]) .machine-scene .vehicle-view{width:100%;height:270px;object-fit:contain}}
@media(max-width:540px){.machine-scene .vehicle-views{width:100%;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.machine-scene .vehicle-view{transition:none;transform:none}}
/* Model-specific photography and revisitable service steps. */
.machine-scene .vehicle-views{aspect-ratio:16 / 9;isolation:auto;mix-blend-mode:multiply}
.machine-scene .vehicle-view{width:100%;height:100%;object-fit:contain;filter:none}
.showroom-status{grid-area:1 / 1;align-self:center;justify-self:center;font-size:11px;color:#788187;text-align:center;max-width:240px;line-height:1.8;padding:12px 18px;z-index:3}
.machine-plaque>div:first-child{min-width:0;max-width:72%}
.machine-plaque #showroomName{display:block;white-space:normal;letter-spacing:1px;line-height:1.5;font-size:15px}
.photo-source{display:block;font-size:9px;letter-spacing:0;color:#7c8589;line-height:1.6;margin-top:5px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#cbd1d3}
.flow-stages li{padding:0}
.flow-stages button{display:block;width:100%;padding:8px 0 14px;text-align:left;font:inherit;color:inherit;background:transparent;white-space:nowrap;border-radius:0;transition:color .18s}
.flow-stages button:hover{color:var(--red)}
.flow-stages li:after{pointer-events:none}
.stage-notice{margin:-12px 0 22px;padding:12px 14px;border-left:2px solid var(--red);background:#f8eff0;font-size:12px;line-height:1.8;color:#8b2635}
.checkpoint-empty{padding:22px;border:1px solid #dce1e2;background:#f7f9f8;margin:22px 0;font-size:13px;line-height:1.8}
.checkpoint-empty .primary{margin-top:10px;width:100%}
.review-actions{border-top:1px solid #e0e4e5;margin-top:20px;padding-top:16px}
.review-actions>p{font-size:11px;color:#737d81;margin:0 0 12px}
.review-actions>.primary{width:100%}
@media(max-width:900px){.machine-plaque>div:first-child{max-width:76%}.machine-plaque #showroomName{font-size:13px}.photo-source{font-size:8px}.showroom-status{font-size:10px}.gallery-layout:not([data-stage=vehicle]) .photo-source{font-size:7px;max-width:190px}}
@media(max-width:540px){.machine-plaque #showroomName{font-size:11px;letter-spacing:.6px}.photo-source{font-size:7px;margin-top:3px}.flow-stages button{font-size:10px;padding:8px 0 11px}.stage-notice{font-size:11px;padding:10px 12px;margin-top:-8px}.gallery-layout:not([data-stage=vehicle]) .machine-plaque>div:first-child{max-width:142px}.gallery-layout:not([data-stage=vehicle]) .machine-plaque #showroomName{font-size:8px;letter-spacing:.2px;line-height:1.3}.gallery-layout:not([data-stage=vehicle]) .photo-source{font-size:6px;margin-top:3px;line-height:1.4}.gallery-layout:not([data-stage=vehicle]) .machine-plaque>div>span{display:none}.checkpoint-empty{font-size:12px;padding:18px}}
/* Keep each photograph inside its scene and above-ground metadata clear. */
.machine-scene{mix-blend-mode:multiply}
.machine-scene .vehicle-views{position:absolute;inset:0;top:0;width:100%;height:100%;aspect-ratio:auto;max-height:100%}
.machine-scene .vehicle-view{width:100%;height:100%;min-height:0}
.machine-plaque{z-index:3;flex-shrink:0}
@media(min-width:541px) and (max-width:900px){.gallery-layout:not([data-stage=vehicle]) .machine-scene .vehicle-views,.gallery-layout:not([data-stage=vehicle]) .machine-scene .vehicle-view{height:100%}}

/* Display boundaries for original archive plates; vehicle colours remain opaque. */
#vehicleViews:is([data-model=b800],[data-model=b800scs],[data-model=dragster],[data-model=f3675],[data-model=sv],[data-model=tv]) .vehicle-view{height:auto;align-self:center;clip-path:var(--archive-outline);transform:translateX(0) scale(1)}
#vehicleViews:is([data-model=b800],[data-model=b800scs],[data-model=dragster]){--archive-outline:polygon(10% 70%,12% 56%,18% 48%,25% 45%,34% 45%,40% 49%,41% 44%,27% 40%,20% 30%,18% 25%,30% 24%,34% 31%,42% 32%,44% 25%,49% 20%,57% 21%,61% 26%,59% 22%,59% 17%,69% 16%,71% 27%,75% 31%,76% 42%,73% 42%,74% 48%,80% 48%,85% 53%,89% 64%,90% 76%,87% 86%,82% 91%,74% 91%,68% 85%,65% 76%,62% 80%,40% 81%,36% 78%,34% 86%,28% 91%,21% 92%,14% 87%,10% 79%)}
#vehicleViews[data-model=f3675]{--archive-outline:polygon(15% 71%,17% 60%,22% 52%,30% 50%,35% 52%,39% 47%,33% 45%,28% 39%,21% 34%,19% 30%,27% 29%,33% 31%,34% 37%,38% 39%,42% 39%,44% 34%,49% 30%,56% 29%,61% 35%,62% 32%,60% 28%,61% 25%,66% 21%,71% 27%,77% 40%,78% 46%,74% 50%,79% 53%,83% 63%,84% 74%,81% 86%,76% 91%,69% 91%,64% 86%,62% 81%,39% 82%,37% 79%,35% 87%,29% 91%,22% 91%,17% 85%,15% 78%)}
#vehicleViews[data-model=sv]{--archive-outline:polygon(15% 70%,18% 59%,22% 52%,31% 49%,34% 50%,39% 46%,32% 45%,27% 40%,22% 39%,22% 33%,25% 32%,33% 30%,34% 37%,38% 39%,42% 39%,43% 34%,49% 29%,55% 30%,61% 34%,63% 31%,65% 30%,63% 28%,63% 26%,67% 23%,69% 25%,70% 25%,73% 29%,73% 31%,77% 35%,79% 40%,78% 47%,75% 49%,78% 52%,82% 58%,84% 69%,84% 77%,81% 87%,76% 91%,69% 91%,64% 85%,62% 82%,37% 82%,34% 88%,28% 91%,22% 91%,17% 85%,15% 78%)}
#vehicleViews[data-model=tv]{--archive-outline:polygon(25% 34%,30% 32%,29% 30%,35% 30%,39% 31%,43% 32%,45% 38%,50% 39%,53% 34%,55% 30%,63% 29%,65% 32%,66% 31%,64% 28%,59% 29%,55% 27%,53% 24%,54% 23%,58% 23%,57% 21%,60% 22%,63% 23%,65% 27%,66% 26%,65% 14%,69% 13%,71% 18%,75% 26%,78% 36%,79% 41%,78% 47%,76% 51%,75% 55%,79% 55%,82% 58%,86% 65%,87% 75%,87% 83%,83% 90%,77% 92%,71% 89%,68% 82%,67% 76%,63% 80%,58% 82%,53% 80%,45% 79%,41% 86%,36% 89%,31% 88%,28% 82%,27% 71%,25% 67%,27% 56%,25% 51%,24% 40%)}
/* A continuous white gallery keeps archival plates visually in the same space. */
.gallery-layout,.showroom{background:#fff}
.showroom .scene-halo{background:none}
.gallery-layout .showroom,.gallery-layout:not([data-stage=vehicle]) .showroom{overflow:clip}