/* v2-sheet.css — Review + Wrap contact sheet (A+, Oct 2026). Pairs with v2-sheet.js. 8px corners only (round: toggle knobs). Loaded before v2-mobile.css. */
:root{--sh-d-ui:200ms;--sh-d-move:320ms;--sh-d-reveal:800ms;--sh-e:cubic-bezier(.2,.8,.2,1);--sh-er:cubic-bezier(.16,1,.3,1);--sh-bd:rgba(245,244,240,.14);--sh-ln:rgba(245,244,240,.1);--sh-pn:rgba(27,26,23,.82);--sh-g:var(--gold,#E5A82E)}
#scrReview.shOn>.col>:not(#shRv),#scrWrap.shOn>.col>:not(#shWr){display:none!important}
body.shDev #devOv{display:none!important}
.shS{flex:1 1 0!important;min-height:0;display:flex;flex-direction:column;width:100%}
.shS>.shBody{flex:0 1 auto} /* bar follows the content instead of leaving a gap above it */
.shS>.hgroup{flex:none;margin-bottom:12px!important}
.shBody{flex:1 1 0;min-height:0;overflow:auto;padding:2px 2px 18px;scrollbar-width:thin}
/* choices band */
.shBand{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:10px;margin:0 0 12px}
/* after the shoot the chips must stay readable: wrap to more rows instead of truncating ("Lea…", "On …") */
.shBand.sm{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.shBand.sm .shBb small{white-space:nowrap}
.shBc{position:relative;display:flex;flex-direction:column;text-align:left;padding:0;overflow:hidden;border:1px solid var(--sh-bd);border-radius:8px;background:var(--sh-pn);color:var(--tp);cursor:pointer;font:inherit}
.shBc:disabled{cursor:default}.shBc:not(:disabled):hover{border-color:var(--sh-g)}
.shBc img,.shPh{display:block;width:100%;height:74px;object-fit:cover;background:#efeee9;flex:none}
.shPh{display:grid;place-items:center;background:#141311;border-bottom:1px dashed var(--sh-bd);font-size:11px;color:var(--ts)}
.shBb{display:flex;flex-direction:column;gap:2px;padding:9px 11px 11px;min-width:0}
.shBb small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ts)}
.shBb b{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shBb .w{font-size:11.5px;color:var(--ts);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.shPk{position:absolute;top:6px;left:6px;font-size:9.5px;font-weight:700;letter-spacing:.1em;padding:3px 6px;border-radius:8px;background:var(--sh-g);color:#242424}
.shPk.ot{background:rgba(18,17,15,.85);color:var(--ts)}
.shChg{position:absolute;top:6px;right:6px;font-size:11px;font-weight:600;padding:3px 7px;border-radius:8px;background:rgba(18,17,15,.88);color:var(--sh-g);opacity:0;transition:opacity .15s}
.shBc:hover .shChg{opacity:1}
.shBandH{display:flex;align-items:baseline;gap:10px;margin:0 0 8px;font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--ts)}.shBandH span{font-weight:400;letter-spacing:0;font-size:12px}
.shBand.sm .shBc{flex-direction:row;align-items:center}
.shBand.sm img,.shBand.sm .shPh{width:42px;height:42px;margin:6px;border:0;border-radius:8px}
.shBand.sm .shBb{padding:6px 8px 6px 2px}.shBand.sm .w,.shBand.sm .shPk{display:none}.shBand.sm b{font-size:12.5px;white-space:normal;line-height:1.25}
.shBand.sm .shChg{top:50%;transform:translateY(-50%)}
/* direction */
.shDir{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;margin:0 0 14px;border:1px solid rgba(229,168,46,.35);border-radius:8px;background:var(--sh-pn);font:inherit;font-size:13px;color:var(--tp);text-align:left}
.shDir small{flex:none;font-size:10px;font-weight:600;letter-spacing:.12em;color:var(--sh-g)}
.shDir q{font-style:italic;min-width:0}.shDir .ok{flex:none;margin-left:auto;font-size:12px;color:#5CB878}
.shDir .backb{margin:0 0 0 auto!important;padding:7px 12px!important;font-size:12px!important;flex:none}
.shDir.empty{border-style:dashed;cursor:pointer;color:var(--ts)}.shDir.empty:hover{border-color:var(--sh-g);color:var(--tp)}
/* frames */
.shGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.shFw{min-width:0;transition:opacity var(--sh-d-ui) var(--sh-e),transform var(--sh-d-ui) var(--sh-e)}
.shFr{position:relative;aspect-ratio:3/4;border:1px solid var(--sh-bd);border-radius:8px;overflow:hidden;background:#151412;cursor:pointer;transition:border-color .15s}
.shFr:hover{border-color:rgba(245,244,240,.35)}
.shFr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.shFr.planned img{filter:saturate(.55) brightness(.78)}
.shTag,.shNo{position:absolute;top:8px;font-size:10.5px;font-weight:600;letter-spacing:.1em;padding:3px 7px;border-radius:8px;background:rgba(18,17,15,.78);color:var(--ts);z-index:2}
.shTag{left:8px}.shNo{right:8px}.shFr.ready .shNo{right:auto;left:8px}
.shSets{position:absolute;left:8px;bottom:8px;font-size:9.5px;font-weight:700;letter-spacing:.08em;padding:3px 6px;border-radius:8px;background:var(--sh-g);color:#242424;z-index:2}
.shRm{position:absolute;right:8px;bottom:8px;width:28px;height:28px;border:1px solid var(--sh-bd);border-radius:8px;background:rgba(18,17,15,.82);color:var(--tp);font-size:16px;line-height:1;opacity:0;transition:opacity .15s;z-index:2}
.shFr:hover .shRm{opacity:1}.shRm:hover{border-color:#E08A7A;color:#E08A7A}
.shCap{margin-top:8px;font-size:12.5px;font-weight:500}.shCap small{display:block;margin-top:2px;font-size:11px;color:var(--ts)}
.shNt{display:block;width:100%;margin-top:6px;padding:5px 8px;border:1px dashed var(--sh-bd);border-radius:8px;background:none;font:inherit;font-size:11.5px;color:var(--ts);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.shNt:hover{border-color:var(--sh-g);color:var(--sh-g)}.shNt.on{border-style:solid;border-color:rgba(229,168,46,.45);color:var(--sh-g);font-style:italic}
.shUses{margin-top:3px;font-size:11px;font-style:italic;color:var(--sh-g)}
.shAdd{display:grid;place-content:center;gap:2px;aspect-ratio:3/4;border:1px dashed var(--sh-bd);border-radius:8px;background:none;font:inherit;font-size:12.5px;color:var(--ts);text-align:center;cursor:pointer}
.shAdd b{font-size:24px;font-weight:400;color:var(--sh-g)}.shAdd small{font-size:11px;color:var(--ts);opacity:.8}.shAdd:hover{border-color:var(--sh-g)}
.shShim{position:absolute;inset:0;background:radial-gradient(70% 40% at 50% 100%,rgba(229,168,46,.35),transparent 70%),#141311;overflow:hidden}
.shShim::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(245,244,240,.08) 50%,transparent 70%);background-size:200% 100%;animation:shSh 1.4s linear infinite}
.shShim>span{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--sh-g);z-index:1}
.shShim.q{background:#141311}.shShim.q::after{display:none}.shShim.q>span{color:var(--ts)}
.shShim.over{background:radial-gradient(70% 40% at 50% 100%,rgba(229,168,46,.3),transparent 70%),rgba(20,19,17,.5)}
.shFr .old{opacity:.35;filter:grayscale(.4)}
@keyframes shSh{from{background-position:120% 0}to{background-position:-80% 0}}
.shFr.dev .shShim::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 35% at 50% 100%,rgba(229,168,46,.45),transparent 70%);animation:shGlow 2s ease-in-out infinite}
@keyframes shGlow{50%{opacity:.3}}
.shFr.kept{border-color:var(--sh-g);box-shadow:0 0 0 1px rgba(229,168,46,.12),0 0 14px rgba(229,168,46,.28)}
.shTk{position:absolute;right:8px;top:8px;width:24px;height:24px;border-radius:8px;background:var(--sh-g);color:#242424;display:none;place-items:center;z-index:2}
.shFr.kept .shTk{display:grid}.shFr.kept .shDots{right:38px}
.shOl{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:var(--sh-g);stroke-width:2.5;vector-effect:non-scaling-stroke;opacity:0;z-index:3}
.shOl.draw{stroke-dasharray:100;animation:shDraw .36s var(--sh-e) both,shOlF .3s .5s forwards}
@keyframes shDraw{from{stroke-dashoffset:100;opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes shOlF{from{opacity:1}to{opacity:0}}
.shOp{position:absolute;left:8px;top:38px;font-size:9.5px;font-weight:700;letter-spacing:.1em;padding:3px 6px;border-radius:8px;background:rgba(18,17,15,.88);color:var(--sh-g);border:1px solid rgba(229,168,46,.5);z-index:2}
.shFav{position:absolute;left:40px;top:9px;font-size:13px;color:var(--sh-g);z-index:2}
.shDots{position:absolute;right:8px;top:8px;width:28px;height:28px;border:0;border-radius:8px;background:rgba(18,17,15,.8);color:var(--tp);font-size:15px;line-height:1;opacity:0;transition:opacity .15s;z-index:3}
.shFr:hover .shDots{opacity:1}
.shActs{position:absolute;left:8px;right:8px;bottom:8px;display:flex;gap:6px;opacity:0;transform:translateY(6px);transition:opacity .18s,transform .18s;z-index:3}
.shFr:hover .shActs{opacity:1;transform:none}
.shActs button{flex:1;padding:7px 0;border:1px solid var(--sh-bd);border-radius:8px;background:rgba(18,17,15,.85);backdrop-filter:blur(8px);font:inherit;font-size:12px;font-weight:600;color:var(--tp);cursor:pointer}
.shActs button.k{color:var(--sh-g)}.shActs button:hover{border-color:var(--sh-g)}
.shFr[data-sw]::after{content:"";position:absolute;inset:0;z-index:4;display:grid;place-items:center;font-size:14px;font-weight:700;letter-spacing:.14em;color:#fff;pointer-events:none}
.shFr[data-sw="k"]::after{content:"KEEP";background:rgba(229,168,46,.3)}.shFr[data-sw="r"]::after{content:"REDO";background:rgba(224,138,122,.32)}
.shGrid.hlon>.shFw{opacity:.4}.shGrid.hlon>.shFw.hl{opacity:1;transform:translateY(-3px)}
.shKh{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-2px 0 12px;font-size:12px;color:var(--ts)}
.shKh kbd{font:inherit;font-size:11px;padding:1px 6px;border:1px solid var(--sh-bd);border-radius:8px;color:var(--tp)}
/* do more */
.shMore{display:flex;flex-direction:column;gap:12px;margin-top:22px}
.shNext{display:flex;align-items:center;gap:16px;width:100%;padding:14px 18px;border:1px solid rgba(229,168,46,.55);border-radius:8px;background:var(--sh-pn);font:inherit;color:var(--tp);text-align:left;cursor:pointer}
.shNext:hover{border-color:var(--sh-g)}.shNext b{display:block;font-size:14.5px;color:var(--sh-g)}.shNext small{font-size:12px;color:var(--ts)}
.shGrp3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.shGrp{padding:14px;border:1px solid var(--sh-bd);border-radius:8px;background:var(--sh-pn)}
.shGrp h6{margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--ts)}
.shGi{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 0;border:0;border-top:1px solid var(--sh-ln);background:none;font:inherit;color:var(--tp);text-align:left;cursor:pointer}
.shGrp h6+.shGi{border-top:0}.shGi:hover:not(:disabled) b{color:var(--sh-g)}.shGi:disabled{cursor:default;opacity:.55}
.shGi b{display:block;font-size:13px;font-weight:600}.shGi small{font-size:11.5px;color:var(--ts)}
.shGi em{margin-left:auto;font-style:normal;font-size:12px;color:var(--sh-g);white-space:nowrap}.shGi:disabled em{color:var(--ts)}
.shSz{display:flex;align-items:center;gap:12px;width:100%;padding:9px 0;border:0;border-top:1px solid var(--sh-ln);background:none;font:inherit;font-size:12.5px;color:var(--tp);text-align:left;cursor:pointer}
.shGrp h6+.shSz{border-top:0}.shSz b{display:block;font-weight:500}.shSz small{font-size:11px;color:var(--ts)}
.shSz .bx{flex:none;width:20px;height:20px;display:grid;place-items:center;border:1px solid var(--sh-bd);border-radius:8px;color:#242424}
.shSz.on .bx{background:var(--sh-g);border-color:var(--sh-g)}
.shSz .ar{flex:none;height:24px;border:1.5px solid var(--ts)}.shSz.on .ar{border-color:var(--sh-g)}
.shSz .sw{margin-left:auto}
.shDl{width:100%;margin:10px 0 0!important}
.shMoreB{width:100%;margin:0!important}
/* bottom bar */
/* own layer above .shBody: a clipped card under the bar ("Add a shot" at 1280×800) must never take the Shoot click */
.shBar{position:relative;z-index:2;flex:none;display:flex;align-items:center;gap:14px;justify-content:flex-end;padding:10px 10px 10px 18px;margin-top:6px;border:1px solid var(--sh-bd);border-radius:8px;background:rgba(27,26,23,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.shCost,.shCt{margin-right:auto;font-size:13px;color:var(--ts)}.shCost b,.shCt b{font-size:15px;color:var(--tp)}.shCost.short b{color:#E08A7A}
.shTgl{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ts);padding-left:14px;border-left:1px solid var(--sh-ln)}
.shGo{margin:0!important;padding:12px 22px!important}.shGhost{margin:0!important}
.shBar .cta,.shPop .shRow .cta{width:auto!important;flex:none}.shBar .backb{white-space:nowrap;flex:none;width:auto!important}
.shBand:not(.sm) .shBb b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.shProg{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--ts)}
.shProg .pb{width:180px;height:4px;border-radius:2px;background:rgba(245,244,240,.12);overflow:hidden}.shProg .pb i{display:block;height:100%;background:var(--sh-g);transition:width .5s var(--sh-e)}
.shSt{flex:1;min-width:0;font-size:13px;color:var(--tp);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shSt.err{color:#E08A7A}
.shLeave{font-size:12px;color:var(--ts)}
/* popups */
#shHost{position:relative;z-index:80}
.shPopBg,.shSheetBg{position:fixed;inset:0;z-index:80;background:rgba(10,9,7,.55)}
.shPop{position:fixed;left:50%;top:50%;z-index:81;width:min(360px,calc(100vw - 32px));transform:translate(-50%,-50%);padding:18px;border:1px solid var(--sh-bd);border-radius:8px;background:#1b1a17;color:var(--tp);box-shadow:0 24px 60px rgba(0,0,0,.6)}
.shPop h4{margin:0 0 4px;font-size:15px}.shPop p{margin:0 0 12px;font-size:12.5px;color:var(--ts);line-height:1.45}
.shInp{width:100%;margin:0 0 10px;padding:9px 10px;border:1px solid var(--sh-bd);border-radius:8px;background:#141311;font:inherit;font-size:13px;color:var(--tp)}.shInp:focus{outline:0;border-color:var(--sh-g)}
.shChips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.shChips button{padding:7px 10px;border:1px solid var(--sh-bd);border-radius:8px;background:none;font:inherit;font-size:12px;color:var(--ts);cursor:pointer}.shChips button.on,.shChips button:hover{border-color:var(--sh-g);color:var(--sh-g)}
.shRc3{display:grid;gap:8px;margin:0 0 12px}
.shRc{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:1px solid var(--sh-bd);border-radius:8px;background:none;font:inherit;color:var(--tp);text-align:left;cursor:pointer}
.shRc:hover,.shRc.on{border-color:var(--sh-g)}.shRc.on b{color:var(--sh-g)}.shRc b{font-size:13.5px}.shRc small{font-size:11.5px;color:var(--ts)}
.shRow{display:flex;align-items:center;gap:8px;justify-content:flex-end}.shRow>*{margin:0!important}
.shRsc{margin-right:auto!important;font-size:11.5px;color:var(--ts)}
.shPop .cta:disabled{opacity:.4;cursor:default;box-shadow:none}
.shMenu{position:fixed;z-index:81;min-width:250px;padding:6px;border:1px solid var(--sh-bd);border-radius:8px;background:#1b1a17;box-shadow:0 18px 40px rgba(0,0,0,.6)}
.shMenu button{display:flex;align-items:center;width:100%;padding:8px 10px;border:0;border-radius:8px;background:none;font:inherit;font-size:12.5px;color:var(--tp);text-align:left;white-space:nowrap;cursor:pointer}
.shMenu button:hover:not(:disabled){background:rgba(245,244,240,.06)}.shMenu button:disabled{opacity:.5;cursor:default}.shMenu small{margin-left:auto;padding-left:16px;color:var(--ts)}
/* lightbox */
.shLb{position:fixed;inset:0;z-index:82;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding:32px 40px;background:rgba(10,9,7,.9);backdrop-filter:blur(8px)}
.shBa{position:relative;justify-self:center;height:calc(100vh - 64px);aspect-ratio:3/4;max-width:100%;border:1px solid var(--sh-bd);border-radius:8px;overflow:hidden;background:#f4f3ef;touch-action:none}
.shBa img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.shBa .bf{object-fit:contain;background:#f4f3ef;clip-path:inset(0 calc(100% - var(--x,50%)) 0 0)}
.shBa .kn{position:absolute;top:0;bottom:0;left:var(--x,50%);width:2px;background:var(--sh-g)}
.shBa .bt{position:absolute;top:12px;font-size:10px;font-weight:600;letter-spacing:.12em;padding:4px 8px;border-radius:8px;background:rgba(18,17,15,.78);color:var(--tp)}
.shLb aside{display:flex;flex-direction:column;gap:12px;color:var(--tp)}.shLb aside h3{margin:0;font-size:22px}.shLb aside .sub{font-size:13px;color:var(--ts)}
.shLb aside .cta{margin:0!important;width:100%}.shLb aside .shRow>*{flex:1}
.shX{position:absolute;top:16px;right:16px;width:36px;height:36px;border:1px solid var(--sh-bd);border-radius:8px;background:none;color:var(--ts);font-size:16px;cursor:pointer}
/* phone sheet */
.shSheet{position:fixed;left:0;right:0;bottom:0;z-index:81;max-height:80vh;overflow:auto;padding:10px 16px 24px;border-top:1px solid var(--sh-bd);border-radius:8px 8px 0 0;background:#1b1a17}
.shGrab{width:40px;height:4px;margin:0 auto 12px;border-radius:2px;background:rgba(245,244,240,.25)}.shSheet .shGrp3{grid-template-columns:1fr}
/* ── motion (one-shot classes from v2-sheet.js) ── */
@keyframes shRise{from{opacity:0;transform:translateY(8px)}}@keyframes shFade{from{opacity:0}}
.shS.enter .shBc{animation:shRise var(--sh-d-move) var(--sh-e) backwards;animation-delay:calc(var(--i)*60ms)}
.shS.enter .shPk{animation:shFade .15s backwards;animation-delay:calc(var(--i)*60ms + 320ms)}
.shS.enter .shFw{animation:shRise var(--sh-d-move) var(--sh-e) backwards;animation-delay:calc(280ms + min(var(--i),10)*40ms)}
.shS.enter .shDir{animation:shRise var(--sh-d-move) var(--sh-e) .2s backwards}
.shBar.rise{animation:shRise var(--sh-d-move) var(--sh-e) .3s backwards}
.shS.start .shBand{animation:shRise var(--sh-d-move) var(--sh-e) backwards}
.shS.start .shShim{animation:shFade .3s backwards;animation-delay:calc(var(--i)*80ms)}
.shS.start .shBar{animation:shMorph var(--sh-d-move) var(--sh-e)}@keyframes shMorph{from{clip-path:inset(0 0 0 62% round 8px)}to{clip-path:inset(0 0 0 0 round 8px)}}
.shFr img.rev{animation:shDev var(--sh-d-reveal) var(--sh-er) backwards}@keyframes shDev{from{opacity:0;filter:blur(12px) brightness(1.6) sepia(.6)}}
.shS.done .shGrid{animation:shLift .4s .1s}@keyframes shLift{50%{filter:brightness(1.06)}}
.shS.done .shOp{animation:shFade .25s backwards;animation-delay:calc(.6s + var(--i,0)*80ms)}
.shFr.kpop .shTk{animation:shTick .22s var(--sh-e)}@keyframes shTick{0%{transform:scale(.6)}70%{transform:scale(1.04)}100%{transform:scale(1)}}
.roll{display:inline-block;animation:shRoll var(--sh-d-ui) var(--sh-e)}@keyframes shRoll{from{opacity:0;transform:translateY(60%)}}
.swap{animation:shFade .3s}
.shPop.in{animation:shPopIn .16s var(--sh-e)}.shMenu.in{animation:shPopIn .16s var(--sh-e)}@keyframes shPopIn{from{opacity:0;scale:.96}}
.shLb.in{animation:shFade .2s}.shLb.in .shBa{animation:shZoom var(--sh-d-move) var(--sh-er) backwards}@keyframes shZoom{from{opacity:0;transform:scale(.9)}}
.shLb.nvr .shBa>img:first-child{animation:shSlR var(--sh-d-ui) var(--sh-e) backwards}.shLb.nvl .shBa>img:first-child{animation:shSlL var(--sh-d-ui) var(--sh-e) backwards}
@keyframes shSlR{from{opacity:0;transform:translateX(24px)}}@keyframes shSlL{from{opacity:0;transform:translateX(-24px)}}
.shSheet.in{animation:shUp var(--sh-d-move) var(--sh-e)}@keyframes shUp{from{transform:translateY(100%)}}
@media (prefers-reduced-motion:reduce){.shS *,.shS *::before,.shS *::after,#shHost *{animation-duration:120ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:120ms!important}}
/* ── phone ── */
@media (max-width:760px){
  .shS{flex:none!important}.shBody{overflow:visible;padding-bottom:8px}
  .shS>.hgroup .sub,.shDir,.shCap small,.shBandH span,.shTag{display:none}
  .shBand{display:flex;overflow:auto;gap:8px;margin:0 -16px 12px;padding:0 16px;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding:0 16px;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
  .shBand::-webkit-scrollbar{display:none}
  .shBand .shBc{flex:none;flex-direction:row;align-items:center;max-width:190px;scroll-snap-align:start}
  .shBand img,.shBand .shPh{width:36px;height:36px;margin:5px;border:0;border-radius:8px}.shBand .shBb{padding:4px 10px 4px 2px}
  .shBand .w,.shBand .shPk,.shBand .shChg{display:none}.shBand b{font-size:12px}.shBand small{font-size:9px}
  .shGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .shNt:not(.on){display:none}
  .shActs{opacity:1;transform:none}.shActs button:not(.k){display:none}.shDots,.shRm{opacity:1}
  .shFr.ready{touch-action:pan-y}
  .shBar{position:sticky;bottom:calc(var(--dock-h,84px) + 8px);z-index:5;gap:10px;padding:8px 8px 8px 14px}
  /* screens without the step bar (results): sit on the bottom edge, not 84px above it over the cards */
  body:not([data-screen="work"]):not([data-screen="cat"]) .shBar{bottom:calc(8px + env(safe-area-inset-bottom,0px))}
  .shTgl,.shGhost,.shLeave{display:none}.shProg .pb{width:90px}
  .shGrp3{grid-template-columns:1fr}.shNext{flex-direction:column;align-items:flex-start}
  .shLb{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:56px 16px 16px;overflow:auto}.shBa{height:auto;width:100%}
}

/* Hebrew (rtl): before/after slider + corner badges mirror */
[dir="rtl"] .shFr.ready .shNo{left:auto;right:8px}[dir="rtl"] .shTk{right:auto;left:8px}[dir="rtl"] .shDots{right:auto;left:8px}[dir="rtl"] .shFr.kept .shDots{left:38px}[dir="rtl"] .shOp{left:auto;right:8px}[dir="rtl"] .shFav{left:auto;right:40px}[dir="rtl"] .shPk{left:auto;right:6px}[dir="rtl"] .shChg{right:auto;left:6px}[dir="rtl"] .shCost,[dir="rtl"] .shCt{margin-right:0;margin-left:auto}[dir="rtl"] .shRsc{margin-right:0!important;margin-left:auto!important}[dir="rtl"] .shGi em,[dir="rtl"] .shSz .sw,[dir="rtl"] .shDir .ok,[dir="rtl"] .shDir .backb{margin-left:0!important;margin-right:auto!important}[dir="rtl"] .shTgl{padding-left:0;padding-right:14px;border-left:0;border-right:1px solid var(--sh-ln)}

/* note under the wrap header — e.g. the other products of a separate set (v2-server-lib.js) · 8px corners, gold action */
.shNote{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-top:12px;padding:10px 12px;border:1px solid var(--line,rgba(245,244,240,.12));border-radius:8px;font-size:13px;color:var(--ts,#BBB9B2)}
.shNote b{color:var(--tp,#F5F4F0);font-weight:600}
.shNote button{margin-left:auto;min-height:32px;padding:0 12px;border:1px solid rgba(229,168,46,.5);border-radius:8px;background:none;color:#E5A82E;font:600 13px/1 Inter,sans-serif;cursor:pointer}
.shNote button:hover{border-color:#F0B63A;color:#F0B63A}
@media (max-width:760px){.shNote button{min-height:44px;margin-left:0;width:100%}}