.stair-progress{margin:0 0 20px;padding:20px;border:1px solid #e6ded8;border-radius:14px;background:#fffaf6;font:14px/1.5 Montserrat,Arial,sans-serif;color:#303030}.stair-progress-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.stair-progress-head>strong{font-size:17px}.stair-progress-head>span{color:#a64625;font-weight:600}.stair-progress ol{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.stair-progress li{min-width:0}.stair-progress button{border:0;background:transparent;padding:4px;width:100%;font:600 12px/1.4 Montserrat,Arial,sans-serif;cursor:pointer;color:#626262;display:flex;flex-direction:column;align-items:center;gap:8px}.stair-progress b{display:grid;place-items:center;width:36px;height:36px;border:2px solid #d5d0cb;border-radius:50%;background:white;color:#626262}.stair-progress .is-done b{background:#cc5b32;border-color:#cc5b32;color:white}.stair-progress button[aria-current=step] b{outline:4px solid #f5d8c9;border-color:#cc5b32;color:#a64625}.stair-progress .is-done button[aria-current=step] b{color:white}.stair-progress p{margin:0;font-size:12px;color:#666}.stair-progress button:focus-visible{outline:3px solid #ce603a;outline-offset:2px;border-radius:6px}.stair-progress .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.stair-type-dialog{max-width:calc(100vw - 32px);width:460px;border:0;border-radius:12px;padding:24px;font:15px/1.6 Montserrat,Arial,sans-serif}.stair-type-dialog::backdrop{background:#0007}.stair-type-dialog button,.stair-type-dialog a{display:block;margin-top:12px;padding:12px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#a64625;min-height:44px}
@media(max-width:767px){
 .stair-progress{padding:14px}.stair-progress-head>strong{font-size:15px}.stair-progress ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 6px}.stair-progress button{min-height:64px}
 #elementContainer .section-wrap{min-width:0}#elementContainer input,#elementContainer select{max-width:100%;font-size:16px!important}
 #elementContainer .field{min-width:0}#elementContainer .field>span{overflow-wrap:anywhere}#elementContainer .field select{min-width:0}
 #elementContainer dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}
 .workflow-toolbar{position:static}.workflow-panel{scroll-margin-top:12px}.workflow-toolbar nav{grid-template-columns:repeat(2,minmax(0,1fr)) repeat(3,minmax(0,1.5fr))}
 .view3d-toolbar{gap:6px;flex-wrap:wrap}.view3d-toolbar button{min-height:40px}.view3d-summary{flex-wrap:wrap}
}
@media print{.stair-progress{display:none!important}}
@media(max-width:767px){.view3d-fullscreen .view3d-fullscreen-sidebar{z-index:30}.view3d-fullscreen-sidebar input,.view3d-fullscreen-sidebar select{font-size:16px!important;max-width:100%}}
@media(min-width:768px) and (max-width:1199px){header .top-block{height:auto!important;min-height:126px;padding-top:24px;padding-bottom:24px;row-gap:16px}header .top-menu{height:auto!important}header .top-menu>.container>.row>ul{height:auto!important;row-gap:16px;padding-top:16px;padding-bottom:16px;margin-top:0;margin-bottom:0}}
@media(max-width:767px){header .top-block{height:auto!important;min-height:70px;align-items:center!important;padding-top:8px;padding-bottom:8px}header .logo-mobile{height:auto!important;margin-top:0!important;min-width:0}header .logo-mobile>a{display:flex;flex-direction:column;align-items:center;gap:3px}header .logo-mobile span{font-size:7px!important;line-height:1.1!important;margin:0!important}header .logo-mobile img{max-height:26px;width:auto}header .basket-top{margin-top:0!important;align-items:center}header .phone{align-items:center!important;height:auto!important}}
@media(max-width:1199px){header .top-block{flex-wrap:wrap!important;justify-content:center!important;column-gap:16px}header .top-menu>.container>.row>ul{flex-wrap:wrap!important;justify-content:center!important;column-gap:12px}header .top-menu>.container>.row>ul>li{flex:0 1 auto;max-width:100%}.payment-icons img{max-width:100%;height:auto}.submenu-mobile-col{min-width:0;overflow-wrap:anywhere}.submenu-mobile-col a{white-space:normal}}
@media(max-width:767px){header .top-block{flex-wrap:nowrap!important;justify-content:space-between!important;column-gap:4px}}

.block-description{overflow-wrap:anywhere}
@media(max-width:767px){
 #elementContainer .presets{grid-template-columns:repeat(2,minmax(0,1fr))}
 #elementContainer .preset,#elementContainer .design-choice,#elementContainer .riser-card{min-width:0;overflow-wrap:anywhere;white-space:normal}
 #elementContainer .riser-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
 .footer-contact-us a{overflow-wrap:anywhere}
 .wa-forms input,.wa-forms textarea,.wa-forms button{max-width:100%;min-width:0;box-sizing:border-box}
 .wa-forms button{white-space:normal;overflow-wrap:anywhere}
 .get-price span{font-size:16px!important}
}

/* Compact shared workspace navigation. */
.stair-workspace-nav{position:sticky;top:0;z-index:50;background:white;padding:6px 0;box-shadow:0 5px 12px #00000008}
.stair-workspace-nav .workflow-toolbar{position:static;margin:0}
.stair-progress{padding:10px 14px;margin:0 0 6px;border-radius:10px;background:#fff;font:600 14px/1.4 Montserrat,Arial,sans-serif}
.stair-progress-head>strong{font-size:14px}.stair-progress-head>span{font-size:12px}
.stair-progress ol{margin:7px 0 0;gap:6px;grid-template-columns:repeat(6,minmax(0,1fr))}
.stair-progress button{flex-direction:row;justify-content:center;gap:7px;min-height:40px;padding:5px 8px;font-size:12px;border:1px solid #ddd;border-radius:5px;background:#fff;color:#444}
.stair-progress b{position:relative;width:26px;height:26px;flex:0 0 26px;border:0;border-radius:6px;background:#f5f5f5;color:#666}
.stair-progress b svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.stair-progress .is-done b{background:#fff0e7;color:#cf6036}
.stair-progress .is-done b:after{content:'✓';position:absolute;right:-4px;bottom:-4px;width:12px;height:12px;border-radius:50%;background:#cf6036;color:white;font:9px/12px Arial}
.stair-progress button[aria-current=step]{background:#df7045;border-color:#df7045;color:white}
.stair-progress button[aria-current=step] b,.stair-progress .is-done button[aria-current=step] b{outline:0;background:#ffffff25;color:white}
.stair-progress p{display:none}.workflow-panel{scroll-margin-top:165px}
.workflow-toolbar .workflow-mode{font:600 14px/21px Montserrat,Arial,sans-serif;display:flex;align-items:center;gap:10px;min-width:0;margin:0}
.workflow-toolbar .workflow-mode select{font:600 14px/21px Montserrat,Arial,sans-serif!important;height:44px;padding:0 32px 0 12px;max-width:100%;border:1px solid #bbb;border-radius:5px;background-color:#fff;color:#333;cursor:pointer}
.workflow-toolbar .workflow-mode select:focus{outline:2px solid #df7045;outline-offset:2px;border-color:#df7045}
.view3d-fullscreen>.stair-progress{position:relative;flex:0 0 auto;margin:0;border-radius:0;z-index:40}
@media(max-width:767px){.stair-progress{padding:7px 8px}.stair-progress-head>strong{font-size:12px}.stair-progress-head>span{font-size:11px}.stair-progress ol{gap:4px;overflow-x:auto;grid-template-columns:repeat(6,minmax(84px,1fr));padding-bottom:3px}.stair-progress button{flex-direction:column;gap:2px;min-height:54px;padding:4px;font-size:10px}.stair-progress b{width:22px;height:22px;flex-basis:22px}.stair-progress b svg{width:18px;height:18px}.workflow-toolbar .workflow-mode{width:100%;justify-content:space-between;font-size:12px}.workflow-toolbar .workflow-mode select{font-size:16px!important;min-width:0;width:65%;padding-left:8px}.workflow-panel{scroll-margin-top:225px}}
@media print{.stair-workspace-nav{display:none}}

/* Selected prototype 1: compact connected stages. */
.stair-progress-head{justify-content:center;align-items:baseline;gap:10px;text-align:center}
.stair-progress-head>span{font-weight:400}
.stair-progress ol{gap:0;margin-top:10px}
.stair-progress li{position:relative}
.stair-progress li:not(:last-child):after{content:'';position:absolute;left:60%;right:-40%;top:14px;height:2px;background:#e9e9e9}
.stair-progress li.is-done:after{background:#edb49d}
.stair-progress button,.stair-progress button[aria-current=step]{position:relative;flex-direction:column;gap:3px;padding:0 4px;border:0;background:transparent;color:#999;min-height:68px}
.stair-progress b,.stair-progress button[aria-current=step] b{position:relative;z-index:1;width:29px;height:29px;flex:0 0 29px;border-radius:50%;border:1px solid #ddd;background:#f8f8f8;color:#999;outline:0}
.stair-progress .is-done button{color:#c45a30}
.stair-progress .is-done b,.stair-progress .is-done button[aria-current=step] b{background:#de7046;color:white;border-color:#de7046}
.stair-progress .is-done b:after{display:none}
.stair-progress button[aria-current=step]{color:#333}
.stair-progress button[aria-current=step] b{background:#fff8f4;border:2px solid #df7046;color:#c45a30;box-shadow:0 0 0 3px #fff0e7}
.stair-progress small{font-size:10px;font-weight:400;color:#999;line-height:1.3}
.stair-progress [aria-current=step] small{color:#bc5c36}
body.client-presentation:not(.client-editing) .stair-progress{display:none!important}
@media(max-width:767px){.stair-progress ol{padding-top:3px;grid-template-columns:repeat(6,minmax(90px,1fr))}.stair-progress button{font-size:10px;min-height:65px}.stair-progress small{font-size:9px}.stair-progress-head{gap:4px 8px}}


/* Match calculator typography while retaining the selected stage track. */
.stair-progress{font-family:Montserrat,Arial,sans-serif;font-size:14px;font-weight:500;line-height:1.5;border:1px solid #ddd;border-radius:5px;background:#fff;box-shadow:none}
.stair-progress button,.stair-progress-head>strong,.stair-progress-head>span,.stair-progress b,.stair-progress small{font-family:Montserrat,Arial,sans-serif}
.stair-progress-head{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 10px}
.stair-progress-head>strong,.stair-progress-head>span{font-size:14px;line-height:21px;font-weight:600;color:#333}
.stair-progress-head>span{color:#666;font-weight:500}
.stair-progress button,.stair-progress button[aria-current=step]{font-size:14px;font-weight:600;line-height:21px;min-height:76px;color:#666;border-radius:5px}
.stair-progress button:hover{background:#f5f5f5}
.stair-progress button:focus-visible{outline:2px solid #df7045;outline-offset:2px}
.stair-progress b{font-size:14px;font-weight:600;line-height:1}
.stair-progress small{font-size:12px;font-weight:400;line-height:18px;color:#777}
.stair-progress .is-done button{color:#df7045}
.stair-progress .is-done b{background:#df7045;border-color:#df7045}
.stair-progress button[aria-current=step]{color:#333}
@media(max-width:767px){.stair-progress ol{grid-template-columns:repeat(6,minmax(122px,1fr))}.stair-progress button{font-size:14px;min-height:76px}.stair-progress small{font-size:12px}.stair-progress-head>strong,.stair-progress-head>span{font-size:13px}}