/* v2-mobbar.css — phone only: ONE Continue bar for every create step, fixed directly above the step bar.
   The screens' own Continue buttons stay in the DOM (they own the logic) but are hidden; #mobBar forwards to them (v2-mobbar.js). */
#mobBar{display:none}
@media (max-width:760px){
body.mbOn #mobBar{display:flex;position:fixed;left:0;right:0;bottom:calc(var(--dock-h) + env(safe-area-inset-bottom,0px));z-index:58;padding:8px var(--mob-g,16px);background:#171613;border-top:1px solid rgba(245,244,240,.1);transition:transform .2s,opacity .2s}
body.mbOn.mbKb #mobBar{transform:translateY(120%);opacity:0;pointer-events:none}
#mobBar button{flex:1;min-height:50px;border-radius:8px;border:0;font:600 16px/1.2 Inter,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;background:linear-gradient(120deg,var(--gold,#E5A82E),var(--gold-b,#F0B93C));color:#242424;box-shadow:0 6px 20px rgba(229,168,46,.25);text-align:center;text-wrap:balance}
#mobBar button.off{background:rgba(245,244,240,.06);color:var(--ts,#B8B2A7);box-shadow:none;border:1px dashed rgba(245,244,240,.22);font-weight:500;font-size:14.5px}
#mobBar button.go{animation:mbGo .6s ease-out}
@keyframes mbGo{0%{transform:scale(.97);filter:brightness(1.25)}100%{transform:none;filter:none}}
/* the screens' own Continue: hidden, rows become plain content (secondary actions stay in the page) */
body.mbOn :is(#scrProduct .pfNav,#scrSetup .moRow,#scrSetup .pacts,#scrStyle .lgRow,#scrStyle .pacts,#scrDetails .moRow,#scrDetails .pacts) .cta{display:none!important}
body.mbOn :is(#scrProduct .pfNav,#scrSetup .moRow,#scrStyle .lgRow,#scrDetails .moRow){position:static!important;background:none!important;margin:14px 0 0!important;padding:0!important}
body.mbOn #scrProduct .pfNav:not(:has(.pfDemoSlot .demoBn)){display:none!important}
/* nothing hides behind the bar */
body.mbOn .screen.onscr>.col,body.mbOn #scrProduct.onscr .pfHost{padding-bottom:calc(var(--dock-h) + 96px + env(safe-area-inset-bottom,0px))!important}
body.mbOn .mobTop{bottom:calc(var(--dock-h) + 80px + env(safe-area-inset-bottom,0px))!important}
.mbHint{animation:mbHint 1.2s ease-out}
@keyframes mbHint{0%,60%{box-shadow:0 0 0 2px var(--gold,#E5A82E);border-radius:8px}100%{box-shadow:0 0 0 2px transparent}}
@media (prefers-reduced-motion:reduce){#mobBar button.go,.mbHint{animation:none}}
}