body[data-screen="stairs"] .product-layout{display:none}.tread-config{margin:24px 0 45px}.tread-head{margin-bottom:28px}.tread-head h2{font:42px/1.1 Georgia,serif;color:#233e31;margin:12px 0}.tread-head p{max-width:70ch;color:#65705d;font-size:14px;line-height:1.7}.tread-config .config{align-items:start;gap:clamp(25px,5vw,70px)}.tread-visual{min-width:0;position:sticky;top:20px}.tread-visual model-viewer{width:100%;height:450px;background:radial-gradient(ellipse at 50% 45%,#fffdf6,#e5dece);border:1px solid #d2c6af;border-radius:4px}.tread-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tread-dimensions>*{min-width:0}.tread-config input,.tread-config select{box-sizing:border-box;width:100%;min-height:45px}.tread-config input[type=checkbox]{width:18px;min-height:18px;flex:none}.tread-config [hidden]{display:none!important}.tread-config .estimate{display:block}.tread-config .estimate strong{display:block;font:34px Georgia,serif;margin:14px 0}.tread-config #treadBreakdown,.tread-config [role=status]{font-size:12px;line-height:1.7;color:#58614f}.tread-ar-help{background:#eae7da;padding:18px;margin-top:18px;border:1px solid #cbc6b7}.tread-ar-help summary{cursor:pointer;color:#233e31;font:20px Georgia,serif}.tread-ar-help p{font-size:13px;line-height:1.7}.tread-config .arbutton{max-width:90%}
@media(max-width:800px){.tread-config .config{grid-template-columns:1fr;gap:22px}.tread-visual{position:static}.tread-visual model-viewer{height:340px}.tread-head h2{font-size:32px}.tread-dimensions{gap:10px}}

.tread-config #treadBreakdown{display:block}.tread-config #treadBreakdown p{display:block;margin:6px 0}

.tread-flight{margin:24px 0;padding:18px;border:1px solid #cbc6b7}.tread-flight legend{font:20px Georgia,serif;padding:0 6px}.tread-flight .hint{margin-bottom:0}