/* v2-product-steps — one Product intake component, 3 internal states. Dark charcoal glass, ivory hairlines, restrained gold, green only for done/saved. */
#scrProduct[data-steps] .prodCol{max-width:940px}
#scrProduct[data-steps] .card{padding:18px 20px 16px}
#scrProduct[data-steps] .guide,#scrProduct[data-steps] .duoHd,#scrProduct[data-steps] .duo,#scrProduct[data-steps] .ifoot,#scrProduct[data-steps] .ipB,#scrProduct[data-steps] .ipRail{display:none!important}
#scrProduct[data-steps] .ihead .iswb,#scrProduct[data-steps] .ihead .reqTag{display:none}
/* ── inner step bar ── */
.psBar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
.psSeg{display:flex;align-items:center;gap:11px;min-width:0;height:58px;padding:0 12px;border-radius:8px;border:1px solid var(--tilebd);background:color-mix(in srgb,var(--tile) 55%,transparent);color:var(--ts);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}
.psSeg:hover:not(:disabled){border-color:color-mix(in srgb,var(--gold) 55%,var(--tilebd))}
.psSeg:disabled{cursor:default}.psSeg.lock{opacity:.62}
.psSeg .n{flex-shrink:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;border:1px solid var(--tilebd);color:var(--ts)}
.psSeg.cur{border-color:var(--gold);color:var(--tp);background:color-mix(in srgb,var(--gold) 5%,var(--tile))}
.psSeg.cur .n{border:none;background:var(--gold);color:#242424}
.psSeg .th{flex-shrink:0;display:flex}.psSeg .th img{width:44px;height:36px;border-radius:8px;object-fit:cover;background:#f5f4f0}
.psSeg .th.st img{width:30px;height:36px}.psSeg .th.st img+img{margin-left:3px}
.psSeg .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.25}
.psSeg .tx b{font-size:12.5px;font-weight:600;color:var(--tp);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.psSeg .tx small{font-size:11.5px;color:var(--ts);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.psSeg .ck{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--q3);color:#fff}
.psSeg .lk{flex-shrink:0;color:var(--ts)}
/* shared labels */
.psL{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:-6px}
.psL label,.psL>span:first-child{font-size:13px;font-weight:600;color:var(--tp)}
.psSaved{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ts)}
.psSaved svg{width:16px;height:16px;padding:3px;border-radius:50%;background:var(--q3);color:#fff}
.psReq{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:.8px;padding:4px 8px;border-radius:8px;border:1px solid rgba(229,168,46,.5);color:var(--gold)}
.psReq.ok{border-color:color-mix(in srgb,var(--q3) 60%,transparent);color:var(--q3)}
.psHelp{margin-top:-8px;font-size:11.5px;color:var(--ts)}
/* ── step 1 ── */
#scrProduct[data-pstep="1"] .intake{max-width:600px;margin:0 auto;gap:12px}
#scrProduct[data-pstep="1"] .igrid{grid-template-columns:1fr}
#scrProduct[data-pstep="1"] .iside{display:none}
#scrProduct[data-pstep="1"] .ihead{position:relative}
#scrProduct[data-pstep="1"] .ihead{padding:0;border:none}
#scrProduct[data-pstep="1"] .inm{height:44px;font-size:16px;font-weight:600;letter-spacing:-.005em;padding:0 30px 0 0!important;border:none!important;border-bottom:1px solid var(--tilebd)!important;border-radius:0!important;background:none!important;box-shadow:none;transition:border-color .2s}
#scrProduct[data-pstep="1"] .inm:hover{border-bottom-color:color-mix(in srgb,var(--tp) 35%,transparent)}
#scrProduct[data-pstep="1"] .inm:focus{border-bottom-color:var(--gold)!important;box-shadow:0 1px 0 0 var(--gold)}
#scrProduct[data-pstep="1"] .ihead::after{content:none;animation:none!important}
#scrProduct[data-pstep="1"] .ihead.filled::after{content:"";position:absolute;left:auto;right:4px;top:50%;bottom:auto;width:12px;height:6px;margin-top:-5px;background:none;border-radius:0;border-left:2px solid var(--q3);border-bottom:2px solid var(--q3);transform:rotate(-45deg);animation:none!important;transition:none}
#scrProduct[data-pstep="1"] .islot.front{min-height:0;height:auto;aspect-ratio:16/10;border-radius:8px}
#scrProduct[data-pstep="1"] .islot.front.filled{background:#f5f4f0;border-style:solid;border-color:var(--tilebd)}
#scrProduct[data-pstep="1"] .islot.front.filled img{object-fit:contain}
#scrProduct[data-pstep="1"] .islot.front .ov{display:none}
#scrProduct:not([data-pstep="1"])[data-steps] #intakeHost{display:none}
/* ── step 2 ── */
.psPhotos,.psDet{display:none}
#scrProduct[data-pstep="2"] .psPhotos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.psPan{padding:16px;border-radius:8px;border:1px solid var(--tilebd);background:color-mix(in srgb,var(--tile) 45%,transparent)}
.psPh{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}
.psPan h3,.psCol h3{margin:0 0 4px;font-size:17px;font-weight:600;color:var(--tp);letter-spacing:-.01em}
.psPan p,.psCol>p{margin:0;font-size:12px;color:var(--ts);line-height:1.45}
.psCnt{flex-shrink:0;font-size:11.5px;color:var(--tp);padding:4px 10px;border-radius:8px;border:1px solid var(--tilebd)}
.psGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.psPan-closeups .psGrid{grid-auto-rows:minmax(0,1fr)}
.psT{position:relative;aspect-ratio:4/3;border-radius:8px;overflow:hidden;border:1px solid var(--tilebd);background:#f5f4f0;padding:0;cursor:pointer;transition:border-color .15s}
.psPan-closeups .psT{aspect-ratio:3/4}
.psT:hover{border-color:var(--gold)}
.psT img{width:100%;height:100%;object-fit:cover;display:block}
.psT .mn{position:absolute;top:7px;right:7px;width:26px;height:18px;border-radius:8px;display:grid;place-items:center;font-size:7px;letter-spacing:1px;color:#F5F4F0;background:rgba(20,20,18,.6)}
.psT.add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:none;border:1px dashed var(--tilebd);color:var(--ts);text-align:center}
.psT.add .pl{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--ts);color:var(--tp)}
.psT.add b{font-size:12.5px;font-weight:600;color:var(--tp)}.psT.add small{font-size:10.5px;line-height:1.45}
.psT.add:hover .pl{border-color:var(--gold);color:var(--gold)}
/* ── step 3 ── */
#scrProduct[data-pstep="3"] .psDet{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);border:1px solid var(--tilebd);border-radius:8px;background:color-mix(in srgb,var(--tile) 45%,transparent)}
.psCol{position:relative;padding:18px}.psCol+.psCol{border-left:1px solid var(--tilebd)}
.psCol>p{margin-bottom:14px}
.psDet .dfRow{grid-template-columns:104px minmax(0,1fr);gap:12px;padding:0 0 12px;border:none}
.psDet .dfLb{padding-top:12px;font-size:12.5px;font-weight:600;color:var(--tp)}
.psDet .dfIn{position:relative;gap:7px}
.psDet .dfIn input{height:40px;border-radius:8px;padding-right:38px}
.psDet .dfIn:has(input:not(:placeholder-shown))::after{content:"";position:absolute;right:14px;top:14px;width:12px;height:7px;border-left:2px solid var(--q3);border-bottom:2px solid var(--q3);transform:rotate(-45deg)}
.psDet .dfS{border-radius:8px;padding:4px 9px;font-size:11px}
.psDet .dfS.on{border-color:var(--gold);color:var(--gold);background:rgba(229,168,46,.08)}
.psDet .dfMore{display:flex;flex-direction:column;gap:6px;margin:2px 0 0}
.psDet .dfAdd{display:flex;align-items:center;gap:10px;width:100%;height:42px;padding:0 14px;border-radius:8px;border:1px solid var(--tilebd);border-style:solid;font-size:12.5px;color:var(--tp)}
.psDet .dfPrev{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border-radius:8px;border:1px solid var(--tilebd);background:color-mix(in srgb,var(--tp) 3%,transparent)}
.psDet .dfPrev::before{content:"";flex-shrink:0;width:16px;height:16px;background:var(--gold);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}
.psDet .dfPl{display:block;font-size:9.5px;letter-spacing:1.6px}.psDet .dfPrev p{margin:3px 0 0;font-size:13px}
.psSize .dfMeas{margin:0;padding:0;border:none}
.psSize .dfMh{position:absolute;top:16px;right:18px;margin:0}.psSize .dfMh>span:first-child,.psSize .dfMh small{display:none}
.psSize .dfMg{grid-template-columns:1fr;gap:9px}
.psSize .dfM{flex-direction:row;align-items:center;gap:12px;font-size:12.5px;color:var(--tp)}
.psSize .dfM>span:first-child{flex:0 0 64px}
.psSize .dfM .fld{flex:1;height:40px;border-radius:8px}
.psDim{display:flex;align-items:flex-end;justify-content:center;gap:18px;margin-top:16px}.psDim:empty{display:none}
.psDim figure{position:relative;margin:0;padding:0 0 22px 34px}
.psDim .dS{padding-left:0}
.psDim img{display:block;height:92px;width:auto;max-width:200px;object-fit:contain;border-radius:8px;mix-blend-mode:normal}
.psDim .dS img{height:92px;max-width:70px;object-fit:cover}
.psDim .dh{position:absolute;left:0;top:0;bottom:22px;width:28px;display:flex;align-items:center;justify-content:center;font-size:10.5px;color:var(--ts);white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg);border-left:1px solid var(--ts)}
.psDim .dw{position:absolute;left:34px;right:0;bottom:0;height:16px;display:flex;align-items:center;justify-content:center;font-size:10.5px;color:var(--ts);border-top:1px solid var(--ts)}
.psDim .dS .dw{left:0}
@media (max-width:760px){#scrProduct[data-pstep="2"] .psPhotos,#scrProduct[data-pstep="3"] .psDet{grid-template-columns:1fr}.psCol+.psCol{border-left:none;border-top:1px solid var(--tilebd)}}
/* ── readiness ── */
.psReady{margin-top:14px;padding:16px 18px;border-radius:8px;border:1px solid var(--tilebd);background:color-mix(in srgb,var(--tile) 45%,transparent)}
.psReady p{margin:3px 0 0;font-size:12px;color:var(--ts);line-height:1.45}
.psR1{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center}.psR1>.sp{color:var(--gold)}.psR1 b{font-size:14px;color:var(--tp)}
.psDone{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.psDone.g2{display:grid;grid-template-columns:auto auto;gap:9px 26px}
.psDone li{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--tp);white-space:nowrap}
.psDone i{flex-shrink:0;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--ts);color:#fff}
.psDone li.ok i{border-color:var(--q3);background:var(--q3)}
.psRing{--v:0;flex-shrink:0;position:relative;width:78px;height:78px;border-radius:50%;display:grid;place-content:center;justify-items:center;background:conic-gradient(var(--gold) calc(var(--v)*1%),color-mix(in srgb,var(--tp) 12%,transparent) 0)}
.psRing::before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--surface-main)}
.psRing b,.psRing small{position:relative;line-height:1}.psRing b{font-size:22px;font-weight:700;color:var(--tp);font-variant-numeric:tabular-nums}.psRing small{font-size:10px;color:var(--ts);margin-top:2px}
.psH{font-size:14.5px;font-weight:600;color:var(--tp)}.psH .t0{color:var(--q0)}.psH .t1{color:var(--q1)}.psH .t2{color:var(--gold)}.psH .t3{color:var(--q3)}
.psR2{display:grid;grid-template-columns:auto minmax(0,1.2fr) auto minmax(0,1fr);gap:18px;align-items:center}
.psR2>.psDone{padding:0 18px;border-left:1px solid var(--tilebd);border-right:1px solid var(--tilebd)}
.psK{font-size:12px;font-weight:600;color:var(--tp);margin-bottom:8px}.psK2{font-size:15px;font-weight:600;color:var(--tp)}
.psNba{display:flex;flex-direction:column;gap:6px}
.psA{display:flex;align-items:center;gap:10px;width:100%;height:38px;padding:0 12px;border-radius:8px;border:1px solid var(--tilebd);background:none;color:var(--tp);font:inherit;font-size:12.5px;text-align:left;cursor:pointer;transition:border-color .15s}
.psA:hover{border-color:var(--gold)}.psA .sp{color:var(--gold);display:flex}
.psA .g{flex-shrink:0;min-width:28px;font-weight:700;color:var(--tp);font-variant-numeric:tabular-nums}.psA .t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.psA .c{color:var(--ts);display:flex}
.psA.best{border-color:var(--gold);background:rgba(229,168,46,.06)}.psA.best .g,.psA.best .c{color:var(--gold)}
.psR3{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,.8fr);gap:20px}
.psR3>*+*{padding-left:20px;border-left:1px solid var(--tilebd)}
.psRa small{display:block;font-size:11.5px;color:var(--ts);margin-top:2px}.psRr{display:flex;align-items:center;gap:14px;margin-top:12px}
.psRf{font-size:11px!important;margin-top:12px!important}
@media (max-width:900px){.psR2,.psR3{grid-template-columns:1fr}.psR2>.psDone{padding:0;border:none}.psR3>*+*{padding-left:0;border-left:none;padding-top:14px;border-top:1px solid var(--tilebd)}.psR1{grid-template-columns:auto 1fr}.psR1 .psDone{grid-column:1/-1}}
/* ── footer ── */
.psNav{display:flex;align-items:center;gap:10px;margin-top:14px}
.psNav .psHint{margin-right:auto;font-size:12px;color:var(--ts)}
.psSp{flex:1}
.psNav .psB{height:42px;padding:0 18px;border-radius:8px}
.psNav .cta{width:auto;height:44px;margin:0;padding:0 24px;font-size:14px;border-radius:8px}
.psNav .cta:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.5)}
.psNeed{font-size:11.5px;color:var(--ts)}.psNeed b{color:var(--tp);font-weight:600}
/* small screens */
@media (max-width:760px){.psBar{gap:6px}.psSeg{height:48px;padding:0 8px;gap:7px}.psSeg .th,.psSeg .tx small{display:none}.psNav{flex-wrap:wrap}.psNav .cta{flex:1 1 100%;order:9}}
#scrProduct[data-pstep="1"] .psReady{display:none}
.psDemoRow{display:flex;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:8px 8px 8px 8px;border-radius:8px;border:1px solid var(--tilebd);background:color-mix(in srgb,var(--tile) 55%,transparent);color:var(--tp);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.psDemoRow[hidden]{display:none}
.psDemoRow:hover{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 5%,var(--tile))}
.psDemoRow img{flex-shrink:0;width:52px;height:40px;border-radius:8px;object-fit:cover;background:#f5f4f0}
.psDemoRow .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.psDemoRow b{font-size:13px;font-weight:600}.psDemoRow small{font-size:11.5px;color:var(--ts)}
.psDemoRow .go{flex-shrink:0;height:34px;display:grid;place-items:center;padding:0 14px;border-radius:8px;background:var(--tp);color:var(--surface-main);font-size:12.5px;font-weight:700;transition:background .15s}
.psDemoRow:hover .go{background:var(--gold);color:#242424}
@media (max-width:560px){.psDemoRow small{display:none}}
#scrProduct[data-pstep="1"] .psNav{justify-content:center}.psNav .cta.psC{min-width:220px}

/* free-text description first */
.psFree{display:flex;flex-direction:column;gap:8px;margin:4px 0 0}
.psFree span{font-size:12.5px;font-weight:600;color:var(--tp)}
.psFree textarea{width:100%;min-height:84px;resize:vertical;padding:12px 14px;border-radius:8px;border:1px solid var(--tilebd);background:var(--tile);color:var(--tp);font:inherit;font-size:14px;line-height:1.5;outline:none;transition:border-color .15s}
.psFree textarea:focus{border-color:var(--gold)}.psFree textarea::placeholder{color:var(--ts);opacity:.7}
.psOr{display:flex;align-items:center;gap:10px;margin:14px 0 10px;font-size:11px;letter-spacing:.4px;color:var(--ts)}
.psOr::before,.psOr::after{content:"";flex:1;height:1px;background:var(--tilebd)}

#scrProduct .dfPrev{display:none!important}

/* readiness panel uses the app's own estimated-quality bar */
.psQm{min-width:0;display:flex;flex-direction:column;justify-content:center}
.psQm .qm{margin:0;width:100%}
.psR2 .psQm{flex:1 1 260px}
.psR3{grid-template-columns:minmax(300px,1.25fr) minmax(0,1fr) minmax(0,.8fr)}
.psQm .qm .qh{flex-wrap:wrap;row-gap:6px}.psQm .qm .qh .lb{flex-basis:100%}
@media (max-width:900px){.psR3{grid-template-columns:1fr}}

/* inline validation — red outline + message, industry-standard */
.psInv input,.psInv textarea,.psInv .inm{border-color:#E0645A!important;box-shadow:0 0 0 3px rgba(224,100,90,.16)!important}
.psInv#iFront,.psInv .ifront,.psInv.iFrontW>*:first-child{outline:2px solid #E0645A;outline-offset:2px}
.psErrMsg{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:12px;font-weight:600;color:#E88A80}
.psErrMsg::before{content:"!";display:grid;place-items:center;width:15px;height:15px;border-radius:8px;background:#E0645A;color:#1d1d1b;font-size:10px;font-weight:800}
.psShake{animation:psShake .38s cubic-bezier(.36,.07,.19,.97)}
@keyframes psShake{20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}
@media (prefers-reduced-motion:reduce){.psShake{animation:none}}
#scrProduct .psInv .inm,#scrProduct .psInv .inm:focus,#scrProduct[data-pstep="1"] .psInv .inm,#scrProduct[data-pstep="1"] .psInv .inm:focus{border-bottom-color:#E0645A!important;box-shadow:0 1px 0 0 #E0645A!important}
#scrProduct .ihead.psInv{flex-wrap:wrap;height:auto}#scrProduct .ihead.psInv .psErrMsg{flex-basis:100%;margin-top:6px}

/* step 2: both panels share one tile shape; an empty panel's add tile fills the width */
.psPan{display:flex;flex-direction:column}
.psPan .psGrid{grid-auto-rows:auto;flex:1}
.psPan-closeups .psT,.psPan-angles .psT,.psPan .psT{aspect-ratio:4/3}
.psPan .psGrid:has(> :only-child){grid-template-columns:1fr}
.psPan .psGrid:has(> :only-child) > *{aspect-ratio:auto;min-height:180px;height:100%}
.psR2{grid-template-columns:minmax(260px,1.2fr) auto minmax(0,1fr)}
.psR2>.psDone{white-space:nowrap}
@media (max-width:900px){.psR2{grid-template-columns:1fr}.psR2>.psDone{border:none;padding:0}}
/* one save indicator, under the inner step bar on every step */
.psNav .psSavedW,#scrProduct[data-steps] .card .ihead .psSavedW,#scrProduct[data-steps] .psSavedW:not(.psBarSaved){display:none!important}
.psBarSaved{grid-column:1/-1;justify-self:end;margin-top:-2px;min-height:16px}.psBarSaved:empty{display:none}
.psBarSaved{justify-self:center;margin-top:0}
#scrProduct[data-steps] .psBar{position:relative;margin-bottom:36px}
.psBar .psBarSaved{position:absolute;left:0;right:0;top:100%;height:36px;margin:0;display:flex;align-items:center;justify-content:center}
/* required fields met → the footer (Back / Continue) docks above the journey bar, no scrolling needed */
.psNav.psDock{position:sticky;bottom:calc(var(--dock-h) + var(--dock-margin) + 12px);z-index:12;margin-top:14px;padding:10px 10px 10px 12px;border-radius:8px;background:var(--progbg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--progbd);box-shadow:0 14px 34px rgba(0,0,0,.28);animation:psDockIn .28s ease-out}
@keyframes psDockIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.psNav.psDock{animation:none}}
.psNav.psDock{padding:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;box-shadow:none;border-radius:0;pointer-events:none}
.psNav.psDock>*{pointer-events:auto}.psNav.psDock .cta{box-shadow:0 12px 30px rgba(0,0,0,.45)}.psNav.psDock .backb{background:var(--progbg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
/* save status: header row, right side, level with the title (like a doc editor) */
#scrProduct[data-steps] .psBar{margin-bottom:18px}
#scrProduct[data-steps] .hgroup{position:relative}
#scrProduct .psHdSaved{display:none}
#scrProduct[data-steps] .hgroup .psHdSaved{display:flex!important;position:absolute;right:0;top:0;height:clamp(40px,4.2vw,56px);align-items:center}
#scrProduct[data-steps] .hgroup .psHdSaved:empty{display:none!important}
@media (max-width:760px){#scrProduct[data-steps] .hgroup .psHdSaved{position:static;justify-content:center;height:auto;margin-top:6px}}
#scrProduct[data-steps] .hgroup .psHdSaved{top:0;height:29px}
.psR3:not(:has(.psNba)){grid-template-columns:minmax(300px,1.25fr) minmax(0,1fr)}
/* complete brief: one slim row, no dead space */
.psR3:not(:has(.psNba)){grid-template-columns:minmax(260px,1fr) minmax(0,1.2fr);align-items:center;gap:22px}
.psR3:not(:has(.psNba)) .psWc{display:flex;flex-direction:column;gap:6px}
.psR3:not(:has(.psNba)) .psWc .psK{display:none}
.psR3:not(:has(.psNba)) .psWc .psDone{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px 16px;margin:0}
.psR3:not(:has(.psNba)) .psWc .psDone li{margin:0;width:auto;flex:0 0 auto}
.psR3:not(:has(.psNba)) .psWc>small,.psR3:not(:has(.psNba)) .psWc>p{margin:0;font-size:11.5px;max-width:none}
.psR3:not(:has(.psNba)) .psRa .psRr,.psR3:not(:has(.psNba)) .psRa .psRf{display:none}
.psReady:has(.psR3:not(:has(.psNba))){padding-top:14px;padding-bottom:14px}
@media (max-width:900px){.psR3:not(:has(.psNba)){grid-template-columns:1fr}}

/* estimated-quality bar — one layout on every step: label on top, tier pill + ladder below, info button on the right */
#scrProduct .qm{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"lb lb info" "tier bar info";align-items:center;column-gap:16px;row-gap:12px;margin:0!important;padding:16px 16px 16px 18px;border:1px solid rgba(245,244,240,.14);border-radius:8px;background:rgba(20,18,16,.55)}
#scrProduct .qm .qh{display:contents!important}
#scrProduct .qm .lb{grid-area:lb;flex-basis:auto!important;font-size:13px!important;letter-spacing:1.8px;color:var(--tp)}
#scrProduct .qm .tier{grid-area:tier;font-size:12.5px;padding:3px 10px;border-radius:999px}
#scrProduct .qm .ladder{grid-area:bar;height:7px}
#scrProduct .qm .info{grid-area:info;width:44px;height:44px;border-radius:8px;border-color:rgba(245,244,240,.22);background:transparent;color:var(--tp)}
#scrProduct .qm .info:hover{border-color:var(--gold);color:var(--gold);background:rgba(229,168,46,.08)}
#scrProduct .qm .zl,#scrProduct .qm .qmsg,#scrProduct .qm .sc{display:none!important}
/* one frame only: the quality bar carries its own card, so the readiness wrapper drops its frame; no stray footer divider */
html body #scrProduct.fitS[data-steps][data-pstep] .psReady,#scrProduct .psReady{border:none!important;background:none!important;padding:0!important;box-shadow:none!important}
#scrProduct[data-steps] .ifoot,#scrProduct[data-steps] .psNav{border-top:none!important}