/* MV Care v12 — a product-centred atelier, one continuous service surface. */
:root{--atelier-ease:cubic-bezier(.22,.75,.18,1);--paper:#fff;--ink:#262827;--muted:#707773}
html,body{background:#fff}.top{background:#fff}.nav{min-height:86px}.header-caption{font-size:10px;color:#858b87}.navlinks{font-size:11px}
[hidden]{display:none!important}
#gallery{position:relative;isolation:isolate;max-width:1600px;display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,480px);gap:0 6px;padding-top:22px;padding-bottom:60px;align-items:start;background:#fff}
#gallery[data-panel=closed]{grid-template-columns:minmax(0,1fr)}
.atelier-topline{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:56px;margin-bottom:22px}
.atelier-edition{font-size:8px;letter-spacing:1.8px;white-space:nowrap;color:#8b918e}.atelier-edition i{font-style:normal;margin:0 9px;color:#b9bebc}.atelier-topnote{font-size:10px;letter-spacing:1.5px;color:#929793}
.atelier-topline nav{width:426px}.flow-stages{margin:0;border:1px solid #e9ece9;border-radius:30px;padding:4px;gap:3px;background:#fafbf9}
.flow-stages li{padding:0;min-width:0}.flow-stages li:after{display:none}.flow-stages button{width:100%;border-radius:24px;padding:11px 12px;min-height:42px;white-space:nowrap;font-size:11px;transition:background .3s,color .3s,box-shadow .3s}.flow-stages li span{font-family:inherit;font-size:9px;margin-right:8px;font-weight:500;letter-spacing:.5px}.flow-stages li[aria-current] button{background:#fff;box-shadow:0 2px 7px #35423e0c;color:#252927}.flow-stages li[aria-current] span{color:var(--red)}
#gallery .showroom{position:sticky;top:24px;height:660px;min-height:0;max-height:none;overflow:clip;isolation:isolate;background:#fff;display:block}
#gallery[data-panel=closed] .showroom{position:relative;top:0;height:min(690px,calc(100svh - 205px));min-height:560px}
#gallery .showroom-intro{position:absolute;inset:0;z-index:0;padding:0;pointer-events:none}
#gallery .showroom-kicker{position:absolute;left:3%;top:24px;font-size:8px;letter-spacing:1.7px;color:#727b75}.showroom-kicker i{display:none}
#gallery .showroom-intro h1{position:absolute;top:16%;left:2%;margin:0;font-size:clamp(74px,8.1vw,126px);line-height:.86;letter-spacing:-7px;font-weight:400;color:#d9dcd8;white-space:nowrap}
#gallery .showroom-intro h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-7px;color:#a8182c;opacity:.86}
#gallery .showroom-intro>p{display:none}
#gallery[data-panel=closed] .showroom-intro h1{top:11%;left:8%;font-size:clamp(100px,11vw,170px);letter-spacing:-9px}
#gallery[data-panel=closed] .showroom-intro h1 em{letter-spacing:-9px}
#gallery .machine-scene{position:absolute;inset:17% -10% 22%;min-height:0;margin:0;z-index:1;isolation:isolate;mix-blend-mode:normal}
#gallery[data-panel=closed] .machine-scene{inset:4% 4% 16%}
.machine-scene .vehicle-views{position:absolute;inset:0;width:100%;height:100%;max-height:none;z-index:1;mix-blend-mode:normal;isolation:isolate;mask-image:none}
#gallery .machine-scene .vehicle-view{top:0;width:100%;height:100%;max-width:none;object-fit:contain;mix-blend-mode:normal;animation:none;transform:scale(1);transition:transform .7s var(--atelier-ease);filter:drop-shadow(0 16px 12px #202b2410)}
#gallery .machine-scene .vehicle-view.is-current{transform:scale(1.04)}
#gallery #vehicleViews:is([data-model=b800],[data-model=b800scs],[data-model=dragster],[data-model=f3675],[data-model=sv],[data-model=tv]) .vehicle-view{height:auto;width:91%;justify-self:center;transform:scale(1);align-self:center}
#gallery .scene-halo{display:none}.scene-floor{bottom:6%;height:26px;z-index:0;opacity:.6;background:radial-gradient(ellipse,#3f4a3826,transparent 65%)}
#gallery .machine-plaque{position:absolute;left:3%;right:3%;bottom:54px;padding:0;z-index:2;gap:0;min-width:0}
#gallery .machine-plaque>div:first-child{max-width:100%}.machine-plaque>div>span{font-size:7px;letter-spacing:1.5px;color:#8d938e;margin-bottom:6px}
#gallery .machine-plaque #showroomName{font-size:13px;line-height:1.4;letter-spacing:.6px;font-weight:500;white-space:normal}.photo-source{font-size:8px;margin-top:5px;color:#969d98}
.plaque-line,.plaque-caption,.showroom-bottom{display:none!important}
.scene-context{position:absolute;left:3%;right:3%;bottom:111px;z-index:2;display:flex;flex-direction:column;gap:10px;pointer-events:none}
#sceneStep{font-size:8px;letter-spacing:1.8px;color:#a8182c}#sceneTask{font-size:15px;letter-spacing:.4px;font-weight:400;color:#616b64}
#gallery[data-panel=closed] .scene-context{display:none}
#gallery[data-panel=closed] .machine-plaque{left:8%;bottom:48px;right:55%}
.service-dock{position:absolute;right:8%;bottom:38px;width:340px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid #e3e8e2;border-radius:20px;text-align:left;z-index:3;box-shadow:0 14px 36px #4255420b,0 3px 8px #42554203;transition:box-shadow .3s,border-color .3s,translate .3s}
.service-dock:hover{border-color:#c3cdc2;box-shadow:0 18px 40px #42554214;translate:0 -3px}.dock-copy{display:flex;flex-direction:column;gap:9px}.dock-eyebrow{font-size:7px;letter-spacing:1.6px;color:#888f86}.dock-copy strong{font-size:20px;letter-spacing:.3px;font-weight:500}.dock-copy>span:last-child{font-size:10px;color:#858d83;line-height:1.5}.dock-arrow{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#a8182c;color:#fff;font-size:23px;font-weight:300}
#workflow{position:relative;min-width:0;margin:16px 0 0;padding:24px 27px 0;border:1px solid #e5e9e4;border-radius:26px;background:#fff;box-shadow:0 20px 70px #2d42260a,0 4px 10px #354a3003;z-index:3}
.workspace-heading{height:auto;min-height:28px;margin-bottom:24px;gap:12px}.workspace-label{font-size:7px;letter-spacing:1.4px;color:#888f86}.workspace-label i{display:none}.workspace-actions{display:flex;align-items:center;gap:14px}#editVehicle{font-size:10px;color:#777f74}#collapsePanel{height:32px;width:32px;border:1px solid #e9ece7;border-radius:50%;font-size:19px;font-weight:300;color:#596553;background:#fbfcfa;flex-shrink:0}#collapsePanel:hover{background:#f0f3ed}
.panel-morph{position:fixed;z-index:4;pointer-events:none;background:#fff;border:1px solid #e5e9e4;box-shadow:0 20px 65px #2d422610;box-sizing:border-box}
.is-transforming .showroom{overflow:visible!important}.is-transforming #workflow{z-index:5}
.workspace-content>.form-card,.workspace-content>.checkpoint,.workspace-content>.results{animation:atelier-sheet .48s var(--atelier-ease) both;transform-origin:50% 0;clip-path:none}
@keyframes atelier-sheet{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.panel-eyebrow,.section-kicker{font-size:8px;letter-spacing:1.7px}.panel-intro h2{font-size:27px;font-weight:450;margin:8px 0;line-height:1.4}.panel-intro p{font-size:11px;color:#80897c}.group-label{margin-top:23px}.group{border-radius:12px;min-height:65px;background:#f5f7f2}.group[aria-pressed=true]{border-color:#c1c8bc;box-shadow:0 3px 10px #2e3a2808}.group[aria-pressed=true]:after{left:30%;right:30%;bottom:5px;height:2px}.group .family-number{font-size:21px}.group span:last-child{font-size:8px}
.fields{margin-top:21px;gap:17px 12px}input,select{background:#fafbf8;border:1px solid #e1e5dc;border-radius:9px;font-size:12px;min-height:44px}input:focus,select:focus{border-color:#87977e;box-shadow:0 0 0 3px #87977e14}.field label,.registration-field legend{color:#626e59}.history-details{margin-top:17px;padding-top:13px}.primary{border-radius:12px;letter-spacing:.2px;background:#282e27;min-height:47px}.submit{margin-top:17px;font-size:12px}.form-note{font-size:9px;color:#858d80}.gallery-guide{border-color:#ecefe8;margin-top:20px}.gallery-guide>summary{font-size:10px;padding:16px 0}.stage-notice{margin:0 0 16px;border-radius:12px}
.checkpoint-card h2{font-size:23px;font-weight:450;line-height:1.5;margin:8px 0 10px}.checkpoint-card>p{line-height:1.75;color:#7c8675}.checkpoint-card #checkpointVehicle{font-size:10px;color:#929a8d}.question-controls{margin-top:24px;grid-template-columns:92px minmax(0,1fr) 32px;gap:12px}.question-controls .previous-prominent{border-radius:12px;background:#f4f6ef;border-color:#e4e9db}.question-controls .progress-copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.question-controls .progress-copy strong{font-size:12px}.question-controls .progress-copy span{font-size:9px;color:#949c8f}.question-controls .progress-meter{gap:8px;margin-top:6px}.question-controls progress{height:5px}.question-controls #nextQuestion{border-radius:50%;border:1px solid #e4e9db}.step-help{font-size:9px;color:#a0a598;margin:16px 0 9px}.question-book{border-radius:17px;border:1px solid #e1e6da;box-shadow:0 6px 20px #2c3e2204;background:#fafbf7;overflow:hidden}.question-book #questionSteps{background:#f2f5eb;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.question-book #questionSteps::-webkit-scrollbar{display:none}.question-book .question-step{flex-basis:115px;width:115px;padding:13px 9px}.question-book .question-step strong{font-size:9px}.question-book .question-step small{font-size:8px}.question-book .step-number{border-radius:50%;width:23px;height:23px;font-size:10px}.question-book #questionIndicator{border-radius:12px 12px 0 0;background:#fff;box-shadow:none}.question-book .question-card{background:#fff;border:0;padding:23px 21px 18px;min-height:0}.question-book .question-card h3{font-size:22px;line-height:1.5;font-weight:500;letter-spacing:-.4px;margin-top:10px}.question-book .question-milestone{font-size:9px;line-height:1.8;color:#937e64}.question-book #questionScope,.question-book #questionDetail{font-size:10px;line-height:1.85;color:#858b80}.answer-options{gap:9px}.question-book .answer-options button{border-radius:11px;min-height:66px;border-color:#e2e6dd;background:#fbfcf8}.answer-options strong{font-size:12px}.answer-options small{font-size:9px}.answer-options .answer-symbol{width:29px;height:29px;border-radius:50%;font-size:14px}.answer-options button[aria-pressed=true]{background:#f8f0f0;border-color:#b8777c}.question-footer{margin-top:17px;font-size:9px;color:#9aa08f}.review-actions{border-color:#e8ecdf}.checkpoint-empty{border-radius:16px;border-color:#e2e8d9;background:#f9fbf5}
.result-heading h2{font-size:27px;font-weight:450}.result-heading .outline{border-radius:9px;font-size:9px;min-height:32px}.result-heading p{line-height:1.8}.vehicle-line{border-radius:10px;background:#f7f9f3}.recommendation-heading{margin-top:24px}.recommendation-heading .section-kicker{display:none}.recommendation-heading h3{font-size:18px;font-weight:500}.recommendation-heading>div>p{line-height:1.8;font-size:10px}.recommendation-heading>.outline{font-size:10px;border-radius:8px}.recommend-filters{border-radius:10px;padding:4px;background:#f3f6ee;gap:3px}.recommend-filters button{border-radius:8px;font-size:10px;padding:8px 10px}.recommend-filters button[aria-pressed=true]{background:#fff;color:#293324;box-shadow:0 2px 4px #35422d0a}.recommendation-grid{gap:10px}.recommend-card{border:1px solid #e3e8da;background:#fafbf7;border-radius:15px;padding:15px 15px 12px;box-shadow:none;animation:recommend-arrive .5s var(--atelier-ease) both}.recommend-card:nth-child(2n){animation-delay:.06s}.recommend-card:nth-child(n+3){animation-delay:.12s}.recommend-card:hover{border-color:#bcc9af;transform:translateY(-3px);box-shadow:0 8px 18px #32452b08}.recommend-main{min-height:62px}.recommend-main h3{font-size:15px;line-height:1.55}.recommend-main .rec-icon{background:#eef3e5;border-radius:10px;color:#6c7b58}.recommend-card>p{font-size:10px;line-height:1.7;color:#7f8b71}.recommend-status{font-size:8px;border-radius:6px}.recommend-product{border-color:#e3e8da;padding-top:11px}.recommend-product span{font-size:11px}.recommend-product small{font-size:9px}.maintenance-details,.source-panel{border-color:#e5eadf;border-radius:12px}.maintenance-details>summary{font-size:11px}.gallery-footer{font-size:8px;background:#fff;border-color:#edf0e8;min-height:68px}
@keyframes recommend-arrive{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1450px){#gallery{grid-template-columns:minmax(0,1fr) 510px}#gallery[data-stage=results][data-panel=open]{grid-template-columns:minmax(0,1fr) 550px}}
@media(min-width:901px) and (max-width:1150px){#gallery{grid-template-columns:minmax(0,1fr) 430px}.atelier-edition{font-size:7px;letter-spacing:1px}.atelier-topnote{display:none}#gallery .showroom-intro h1{font-size:85px;letter-spacing:-5px}#gallery .showroom-intro h1 em{letter-spacing:-5px}#gallery .machine-scene{inset:22% -12% 24%}#workflow{padding:22px 22px 0}.atelier-topline nav{width:400px}}
@media(max-width:900px){
 .shell{padding-left:28px;padding-right:28px}.nav{min-height:76px}.header-caption{display:none}#gallery,#gallery[data-stage=results][data-panel=open]{display:grid;grid-template-columns:minmax(0,1fr);max-width:760px;gap:0;padding-top:14px;padding-bottom:36px}.atelier-topline{margin:0 0 12px;min-height:44px}.atelier-edition,.atelier-topnote{display:none}.atelier-topline nav{width:100%}.flow-stages{padding:4px}.flow-stages button{font-size:11px;padding:9px;min-height:40px}.flow-stages li span{font-size:9px}
 #gallery .showroom,#gallery:not([data-stage=vehicle]) .showroom{position:relative;top:0;height:320px;min-height:0;overflow:clip}
 #gallery[data-panel=closed] .showroom{height:580px;min-height:0}
 #gallery .showroom-kicker{top:17px;left:3%;font-size:6px}
 #gallery .showroom-intro h1,#gallery:not([data-stage=vehicle]) .showroom-intro h1{font-size:85px;top:17%;left:3%;letter-spacing:-5px;line-height:.86;margin:0}#gallery .showroom-intro h1 em{letter-spacing:-5px}
 #gallery[data-panel=closed] .showroom-intro h1{font-size:clamp(90px,16vw,130px);top:12%;left:5%}
 #gallery .machine-scene,#gallery:not([data-stage=vehicle]) .machine-scene{inset:2% 7% 10%;min-height:0}#gallery[data-panel=closed] .machine-scene{inset:10% -5% 25%}
 #gallery .machine-plaque,#gallery:not([data-stage=vehicle]) .machine-plaque{left:3%;right:3%;bottom:9px;padding:0}.machine-plaque>div>span{display:none}#gallery .machine-plaque>div:first-child{display:flex;align-items:baseline;gap:8px;max-width:100%}#gallery .machine-plaque #showroomName{font-size:9px;letter-spacing:.2px}.photo-source,#gallery:not([data-stage=vehicle]) .photo-source{font-size:7px;margin:0;max-width:none}#gallery .scene-context{display:none}
 #gallery[data-panel=closed] .machine-plaque{bottom:153px;left:5%;right:5%}#gallery[data-panel=closed] .machine-plaque>div:first-child{display:block}#gallery[data-panel=closed] .photo-source{display:block;margin-top:4px}
 .service-dock{left:5%;right:5%;width:auto;bottom:24px;padding:20px 23px}.dock-copy strong{font-size:20px}
 #workflow{margin:14px 0 0;border-radius:23px;padding:24px 26px 0}.panel-intro h2{font-size:27px}.gallery-footer{padding-left:28px;padding-right:28px}.is-transforming .showroom{overflow:clip!important}
}
@media(max-width:540px){
 .shell{padding-left:18px;padding-right:18px}.nav{min-height:70px}.navlinks{font-size:10px;gap:20px}.brand-mark{font-size:27px}.brand-name{font-size:14px}.brand-name small{font-size:6px}.atelier-topline{margin-bottom:8px}.flow-stages button{font-size:10px;padding:8px 5px;min-height:39px}.flow-stages li span{font-size:8px;margin-right:6px}
 #gallery .showroom,#gallery:not([data-stage=vehicle]) .showroom{height:247px}
 #gallery[data-panel=closed] .showroom{height:480px}
 #gallery .showroom-intro h1,#gallery:not([data-stage=vehicle]) .showroom-intro h1{font-size:65px;letter-spacing:-4px;top:21%;left:2%}#gallery .showroom-intro h1 em{letter-spacing:-4px}
 #gallery[data-panel=closed] .showroom-intro h1{top:14%;font-size:clamp(73px,20vw,105px);letter-spacing:-5px;left:3%}#gallery[data-panel=closed] .showroom-intro h1 em{letter-spacing:-5px}
 #gallery .machine-scene,#gallery:not([data-stage=vehicle]) .machine-scene{inset:13% -5% 14%}#gallery[data-panel=closed] .machine-scene{inset:20% -8% 29%}
 #gallery .showroom-kicker{top:13px;left:2%;letter-spacing:1px}.machine-plaque .photo-source{display:none}#gallery .machine-plaque>div:first-child{display:block}#gallery .machine-plaque #showroomName{font-size:9px}#gallery[data-panel=closed] .machine-plaque{left:3%;bottom:153px}#gallery[data-panel=closed] .photo-source{font-size:6px}
 .service-dock{left:3%;right:3%;bottom:23px;padding:19px 18px}.dock-copy strong{font-size:19px}.dock-copy>span:last-child{font-size:9px}.dock-eyebrow{font-size:7px}.dock-arrow{width:38px;height:38px}
 #workflow{padding:22px 18px 0;margin-top:4px;border-radius:20px}.workspace-heading{margin-bottom:20px}.workspace-label{font-size:6px;letter-spacing:1px}.workspace-actions{gap:10px}#editVehicle{font-size:9px}.panel-intro h2{font-size:26px}.panel-intro p{font-size:10px}.groups{gap:5px}.group{min-height:64px;border-radius:9px}.group span:last-child{font-size:7px}.field label,.registration-field legend{font-size:10px}input,select{font-size:16px;min-height:45px;padding:10px 8px}.form-note{font-size:9px}.form-bottom{gap:9px}.checklabel{font-size:9px}.form-bottom .text-button{font-size:9px}
 .checkpoint-card h2{font-size:21px}.checkpoint-card>p{font-size:10px}.question-controls{grid-template-columns:78px minmax(0,1fr) 29px;gap:8px}.question-controls .progress-copy strong{font-size:11px}.question-controls .progress-copy span{font-size:8px}.question-controls .previous-prominent{min-height:52px;padding:8px 3px}.question-controls .previous-prominent strong{font-size:10px}.question-book .question-card{padding:20px 15px 16px}.question-book .question-card h3{font-size:21px}.question-book .question-step{flex-basis:105px;width:105px}.answer-options button{padding:12px 10px}.answer-options strong{font-size:12px}.question-footer{font-size:8px}.result-heading h2{font-size:25px}.recommendation-grid{grid-template-columns:1fr}.recommend-main{min-height:0}.recommendation-heading{gap:10px}.recommendation-heading h3{font-size:17px}.recommend-card{padding:17px}.recommend-main h3{font-size:16px}.gallery-footer{padding-left:18px;padding-right:18px}
}
@media(prefers-reduced-motion:reduce){#gallery *,#workflow *,#productDrawer{animation:none!important;transition:none!important;scroll-behavior:auto!important}.service-dock:hover,.recommend-card:hover{translate:none;transform:none}.panel-morph{display:none}}
@media print{.atelier-topline,.service-dock,.scene-context,.panel-morph{display:none!important}#gallery{display:block;padding:0}#workflow{margin:0;padding:0;border:0;box-shadow:none}#workflow[hidden]{display:block!important}.workspace-content>.results{animation:none;transform:none}.recommend-card{animation:none;break-inside:avoid}}
/* Keep recommendation controls part of the same card surface. */
.recommend-filters button{border:0}.recommend-card .recommend-product{border:0;border-top:1px solid #e3e8da;border-radius:0;background:transparent;padding:12px 0 0}.recommend-card .recommend-product:hover{background:transparent;color:var(--red)}.recommend-card .recommend-badge{border-radius:5px}.recommend-card .part-art{border-radius:9px;background:#edf2e6;color:#7d896c}
/* Step 02: put the numbered question and its answers in the primary view. */
#gallery[data-stage=checkpoint] .workspace-heading{margin-bottom:14px}
#checkpoint .checkpoint-card>h2{font-size:20px;font-weight:450;line-height:1.4;margin:0 0 15px;letter-spacing:.2px}
#checkpoint .question-controls{margin-top:0;margin-bottom:18px}
#checkpointQuestions,#checkpointEmpty{scroll-margin-block:24px}
#checkpoint .question-book{margin-top:0}
.checkpoint-guide{margin-top:20px;border-top:1px solid #e7ebe1;color:#7b8571;font-size:10px}
.checkpoint-guide>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;cursor:pointer;list-style:none}
.checkpoint-guide>summary::-webkit-details-marker{display:none}.checkpoint-guide>summary span{font-size:16px;font-weight:300}.checkpoint-guide[open]>summary span{transform:rotate(45deg)}
.checkpoint-guide>div{padding:0 0 4px;line-height:1.9}.checkpoint-guide p{margin:0 0 9px}.checkpoint-guide #checkpointScope{font-size:11px;font-weight:500;color:#56634b}.checkpoint-guide #checkpointVehicle{font-size:10px;color:#7b8571}.checkpoint-guide .step-help{font-size:10px;color:#7b8571;margin:9px 0 0}
#gallery[data-stage=checkpoint] .gallery-guide{margin-top:0}
@media(max-width:540px){#checkpoint .checkpoint-card>h2{font-size:19px;margin-bottom:14px}#checkpoint .question-controls{margin-bottom:16px}.checkpoint-guide{margin-top:18px}#gallery[data-stage=checkpoint] .workspace-heading{margin-bottom:13px}}
/* Step 02 enters as a whole surface; only its contents slide between questions. */
.workspace-content>#checkpoint{animation:none;overflow:clip;overflow-clip-margin:6px}
#checkpoint:not([hidden]) #checkpointQuestions,#checkpoint:not([hidden]) #checkpointEmpty{animation:checkpoint-slide-in .64s cubic-bezier(.22,.75,.18,1) both}
@keyframes checkpoint-slide-in{from{opacity:0;transform:translate3d(40px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:reduce){#checkpoint #checkpointQuestions,#checkpoint #checkpointEmpty{animation:none!important;transform:none}}
/* Direct titles and a maintenance-first list. */
#gallery[data-panel=open] .atelier-topline{margin-bottom:12px}
#workflow{margin-top:0;padding-top:23px}
#advisor .panel-intro h2{margin:0 0 9px;font-size:27px;line-height:1.4}
#results .service-plan-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:0}
#results .service-plan-heading h2{font-size:25px;line-height:1.45;font-weight:450;margin:0;letter-spacing:-.5px}
#results #openAllProducts{padding:9px 11px;min-height:36px;font-size:10px;white-space:nowrap;border:1px solid #dfe5d8;border-radius:9px;background:#f8faf4;color:#68745d}
#results #openAllProducts:hover{border-color:#adba9f;color:var(--red)}
#results .plan-summary{margin:10px 0 17px;font-size:10px;line-height:1.8;color:#859078}
#results .recommendations{margin-top:0;padding-top:0}
#results .recommend-filters{margin-top:0;margin-bottom:14px}
#results .recommendation-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid #e6ebdf}
#results .recommend-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;margin:0;padding:18px 0;border:0;border-bottom:1px solid #e6ebdf;border-radius:0;background:transparent;box-shadow:none}
#results .recommend-row:hover{transform:none;box-shadow:none;background:#fafbf8}
#results .recommend-row>.recommend-number{align-self:start;padding-top:3px;font-family:Georgia,serif;font-size:13px;line-height:1.6;color:#a3ab9a}
.recommend-row-body{min-width:0}.recommend-row-heading{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
#results .recommend-row h3{font-size:15px;font-weight:550;line-height:1.55;margin:0;color:#2f3829;letter-spacing:0}
#results .recommend-row .recommend-badge{font-size:8px;padding:3px 5px;line-height:1.5;white-space:normal;border-radius:4px}
#results .recommend-row .recommend-operation{font-size:10px;color:#87927c;line-height:1.85;margin:6px 0 0;overflow-wrap:anywhere}
#results .recommend-row .recommend-operation strong{font-size:10px;font-weight:500;color:#5b694e}
#results .recommend-row .recommend-product{width:auto;min-width:56px;min-height:44px;align-self:center;display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0;padding:7px 0 7px 9px;border:0;background:transparent;border-radius:7px}
#results .recommend-row .recommend-product>span{font-size:10px;font-weight:500;text-align:left;line-height:1.5}
#results .recommend-row .recommend-product small{display:block;font-size:8px;font-weight:400;color:#9aa48f;line-height:1.5;margin-top:2px}
#results .recommend-row .recommend-product b{font-size:16px;font-weight:400;color:var(--red)}
#results .result-details-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
#results #resultMeta{font-size:10px;line-height:1.8;margin:0;color:#808b74}
#results #print{font-size:9px;border-radius:8px;min-height:34px}
@media(max-width:540px){#workflow{margin-top:0;padding-top:21px}#advisor .panel-intro h2{font-size:26px}#results .service-plan-heading h2{font-size:21px;letter-spacing:-.7px}#results #openAllProducts{font-size:9px;padding:8px;min-height:34px}#results .service-plan-heading{gap:7px}#results .plan-summary{font-size:9px;margin:9px 0 15px}#results .recommend-row{grid-template-columns:18px minmax(0,1fr) auto;gap:8px;padding:16px 0}#results .recommend-row h3{font-size:14px}#results .recommend-row .recommend-badge{font-size:7px}#results .recommend-row .recommend-product{min-width:46px;gap:5px;padding-left:3px}#results .recommend-row .recommend-product>span{font-size:9px}#results .recommend-row .recommend-operation{font-size:9px}#results .recommend-row .recommend-operation strong{font-size:9px}}
@media print{#openAllProducts,#print{display:none!important}}