/* Constrain action locations to the working area even on very wide displays. */
body[data-family] footer.bottom{
 position:fixed;inset:auto 0 0;z-index:80;display:grid!important;
 grid-template-columns:auto minmax(130px,1fr) auto;gap:16px;align-items:center;
 max-width:none;width:100%;margin:0;box-sizing:border-box;
 padding:14px max(24px,calc((100vw - 1600px)/2));
 background:#fff;color:#162c42;border-top:0;
 box-shadow:none;
}
.np5-config-progress{margin:0;font-size:12px;font-weight:650;max-width:240px}
body[data-family] .bottom-actions{justify-self:end;display:flex;align-items:center;gap:14px}
body[data-family] #back-step,body[data-family] #next-step{min-height:44px}
body[data-family] .workspace{padding-bottom:160px}
body[data-family] .steps{max-width:1680px;margin-inline:auto;box-sizing:border-box}
body[data-family] #controls .option img[src*="framex-system.com"]{object-fit:contain;background:white;height:150px}
body[data-family="cupcake"] [data-view="interior"],body[data-family="rusty"] [data-view="interior"]{display:none}
@media(max-width:760px){
 body[data-family] footer.bottom{padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,1fr) auto;gap:6px}
 .np5-config-progress{grid-column:1/-1;font-size:11px;max-width:none}
 body[data-family] .bottom-actions{gap:9px}
 body[data-family] .bottom-actions .price{display:none}
}
@media print{body[data-family] footer.bottom{display:none!important}}