/* V13: the V12 case and materials, with a legible layout and one next step. */
.kit-guided-page{padding-bottom:155px}
.kit-guided-page .kit-progress{list-style:none;display:flex;align-items:center;gap:24px;margin:0 0 27px;padding:0;color:#78818d;font-size:12px;font-weight:650}
.kit-guided-page .kit-progress li,.kit-guided-page .kit-progress a{display:flex;align-items:center;gap:9px}
.kit-guided-page .kit-progress li+li:before{content:'→';font-size:16px;color:#a4aeba;margin-right:7px}
.kit-guided-page .kit-progress li>span,.kit-guided-page .kit-progress a>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;border:1px solid #d0dbea;background:#f7f9fc;font-size:11px}
.kit-guided-page .kit-progress [aria-current="step"]{color:#244e7f}
.kit-guided-page .kit-progress [aria-current="step"]>span{background:#305f9a;border-color:#305f9a;color:#fff;box-shadow:0 2px 0 #163d6426}
.kit-guided-page .kit-progress .is-complete{color:#496579}
.kit-guided-page .kit-progress a:hover{text-decoration:underline;text-underline-offset:4px}
.kit-guided-page .kit-heading-new{margin-bottom:25px}
.kit-guided-page .kit-pick-shortcut{border:0;background:transparent;color:#245c9c;font-size:12px;font-weight:650;margin-top:15px;padding:5px 0;text-align:left;display:inline-flex;align-items:center;gap:14px}
.kit-guided-page .kit-pick-shortcut:hover{text-decoration:underline;text-underline-offset:4px}
.kit-guided-page .case-instruction{scroll-margin-top:26px}
.kit-guided-page .case-instruction:focus{outline:none}
.kit-guided-page .case-instruction>span:first-child{font-size:16px;line-height:1.4;color:#263e58}
.kit-guided-page .case-instruction>span:last-child{font-size:12px;line-height:1.4}
.kit-guided-page[data-kit-id="kit1"] .physical-case.atelier-case{aspect-ratio:1000/560;min-width:820px;padding:22px 25px 35px}
.kit-guided-page[data-kit-id="kit1"] .atelier-case .foam-seam-one{left:20.5%;height:89%;top:5%}
.kit-guided-page[data-kit-id="kit1"] .atelier-case .foam-seam-two{left:79%;height:73%;top:5%}
.kit-guided-page[data-kit-id="kit1"] .atelier-case .foam-measure .apparatus-visual{inset:0}
.kit-guided-page[data-kit-id="kit1"] .atelier-case .foam-fitted .foam-cutout{border-radius:0;transform:none}
.kit-guided-page[data-kit-id="kit1"] .atelier-case .foam-label{font-size:11px;line-height:1.3;letter-spacing:0;bottom:-25px;white-space:nowrap;max-width:none;width:auto;color:#edf3ef;font-weight:550;text-shadow:0 1px 2px #020a12}
.kit-guided-page[data-kit-id="kit1"] .atelier-case .foam-label small{display:block;text-align:center;font-size:9px;line-height:1.3;margin-top:3px;color:#b7c6cc;font-weight:400}
.kit-guided-page[data-kit-id="kit1"] .atelier-case .foam-inactive .foam-label{bottom:-38px}
.kit-guided-page[data-kit-id="kit1"] .atelier-case .foam-dynamometer .foam-label{bottom:-25px}
.kit-guided-page[data-kit-id="kit1"] .atelier-case .case-id-tag{left:5%;bottom:3.6%;font-size:9px;letter-spacing:.5px;padding:5px 10px}
.kit-guided-page[data-kit-id="kit1"] .atelier-case .apparatus-check{left:auto;right:-8px;top:0;transform:scale(.6);width:23px;height:23px;font-size:13px}
.kit-guided-page[data-kit-id="kit1"] .atelier-case .apparatus-selected .apparatus-check{transform:scale(1)}
.kit-guided-page .kit-selection-dock.kit-footer-new{position:fixed;z-index:19;left:50%;bottom:max(14px,env(safe-area-inset-bottom))!important;transform:translateX(-50%);width:calc(100% - 48px);max-width:1180px;min-height:88px;margin:0;padding:17px 22px;gap:22px;border:1px solid #b4c5d7;border-radius:17px;background:#fffefa;box-shadow:0 7px 32px #1a354b2e,0 1px 0 #fff,inset 0 1px 0 #fff;align-items:center}
.kit-guided-page .kit-selection-status{min-width:0;flex:1}
.kit-guided-page .kit-selection-status>b{display:block;font-size:15px;line-height:1.4;color:#233c54}
.kit-guided-page .kit-selection-status>p{font-size:12px;line-height:1.45;margin:4px 0 0;color:#5c6e7e;max-width:none}
.kit-guided-page .kit-next-actions{display:flex;flex-direction:column;align-items:center;gap:7px;flex-shrink:0}
.kit-guided-page .kit-selection-dock .kit-next-button.btn.primary{margin:0;min-width:230px;min-height:52px;padding:13px 23px;gap:23px;font-size:15px;color:#fff;background:#305f9a;border:1px solid #244a7d;border-radius:12px;box-shadow:0 3px 0 #183c692b;font-weight:750;white-space:nowrap}
.kit-guided-page .kit-selection-dock .kit-next-button.btn.primary:hover{background:#264e84;filter:none;transform:translateY(-1px)}
.kit-guided-page .kit-empty-bench{font-size:11px;color:#64768a;text-decoration:underline;text-underline-offset:3px}
.kit-guided-page .kit-selected-list{margin-top:6px}
.kit-guided-page .kit-selected-list>summary{font-size:11px;line-height:1.4;color:#245c9c;cursor:pointer;width:max-content}
.kit-guided-page .kit-selected-list>div{position:absolute;left:0;bottom:calc(100% + 10px);width:min(470px,100%);padding:20px 23px;background:#fffefa;border:1px solid #bccbda;border-radius:15px;box-shadow:0 5px 28px #18354c26;max-height:45vh;overflow:auto}
.kit-guided-page .kit-selected-list>div>b{font-size:13px}
.kit-guided-page .kit-selected-list ul{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0 0;padding:0;list-style:none}
.kit-guided-page .kit-selected-list li{font-size:12px;line-height:1.4;background:#edf3f9;border:1px solid #d6e0ea;border-radius:7px;padding:7px 9px;color:#34536b}
.kit-guided-page .kit-equipment-legend{margin-bottom:25px}
.kit-guided-page a:focus-visible,.kit-guided-page button:focus-visible,.kit-guided-page summary:focus-visible{outline:3px solid #3a7bd1;outline-offset:4px}
@media(max-width:760px){
 .kit-guided-page{padding-bottom:170px}
 .kit-guided-page .kit-progress{gap:12px;font-size:10px;margin-bottom:22px;flex-wrap:wrap}
 .kit-guided-page .kit-progress li,.kit-guided-page .kit-progress a{gap:6px}
 .kit-guided-page .kit-progress li+li:before{font-size:13px;margin-right:1px}
 .kit-guided-page .kit-progress li>span,.kit-guided-page .kit-progress a>span{width:24px;height:24px;font-size:10px}
 .kit-guided-page .case-instruction{align-items:flex-start;gap:18px}
 .kit-guided-page .case-instruction>span:first-child{font-size:14px;max-width:290px}
 .kit-guided-page .case-instruction>span:last-child{font-size:10px;max-width:150px}
 .kit-guided-page .kit-selection-dock.kit-footer-new{width:calc(100% - 24px);bottom:max(10px,env(safe-area-inset-bottom))!important;padding:14px 16px;gap:14px;min-height:88px;border-radius:13px}
 .kit-guided-page .kit-selection-status>b{font-size:13px}
 .kit-guided-page .kit-selection-status>p{font-size:11px}
 .kit-guided-page .kit-selection-dock .kit-next-button.btn.primary{font-size:13px;min-width:184px;min-height:48px;padding:12px 15px;gap:14px}
 .kit-guided-page .kit-empty-bench{font-size:10px}
}
@media(max-width:480px){
 .kit-guided-page{padding-bottom:190px}
 .kit-guided-page .kit-progress{gap:9px;font-size:9px;flex-wrap:nowrap}
 .kit-guided-page .kit-progress li{gap:5px}
 .kit-guided-page .kit-progress li+li:before{display:none}
 .kit-guided-page .kit-progress li>span,.kit-guided-page .kit-progress a>span{flex-shrink:0;width:21px;height:21px;font-size:9px}
 .kit-guided-page .kit-sticker{display:none}
 .kit-guided-page .kit-selection-dock.kit-footer-new{display:grid;grid-template-columns:1fr;gap:10px;padding:13px 15px}
 .kit-guided-page .kit-next-actions{flex-direction:row;gap:12px;justify-content:space-between}
 .kit-guided-page .kit-selection-dock .kit-next-button.btn.primary{flex:1;min-width:0;justify-content:space-between;min-height:45px;font-size:13px}
 .kit-guided-page .kit-empty-bench{max-width:82px;text-align:center;line-height:1.4}
 .kit-guided-page .kit-selection-status>p{font-size:10px}
 .kit-guided-page .kit-selected-list{margin-top:3px}
 .kit-guided-page .case-instruction{display:block}
 .kit-guided-page .case-instruction>span:last-child{display:block;text-align:left;max-width:none;margin-top:7px}
}
@media(max-height:600px) and (orientation:landscape){
 .kit-guided-page .kit-selection-dock.kit-footer-new{min-height:67px;padding:10px 16px;bottom:8px!important}
 .kit-guided-page .kit-selection-status>b{font-size:12px}
 .kit-guided-page .kit-selection-status>p{font-size:10px;margin-top:2px}
 .kit-guided-page .kit-selection-dock .kit-next-button.btn.primary{min-height:43px;font-size:12px;min-width:180px}
 .kit-guided-page .kit-selected-list{margin-top:2px}
}
@media(prefers-reduced-motion:reduce){.kit-guided-page .kit-selection-dock .kit-next-button.btn.primary:hover{transform:none}}
