/* Only the F pump-only configure step changes layout. */
.f-visual-building .layout{display:block!important}
.f-visual-building #summary{display:none!important}
.f-visual-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,1fr);gap:28px;align-items:start;margin:16px 0 32px}
.f-drawing{min-width:0;background:#fff;border:1px solid #d9dfe2;border-radius:10px;overflow:hidden;position:sticky;top:20px}
.f-drawing figure{margin:0!important;padding:18px!important;background:#fff!important}
.f-drawing .bc-f-pump-svg{display:block;width:100%!important;height:auto!important;max-height:620px;min-height:0!important}
.f-drawing figcaption{font-size:12px;color:#65717a;margin:8px 0 0}
.f-quick{min-width:0;padding:22px;background:#f4f6f7;border:1px solid #d9dfe2;border-radius:10px}
.f-quick>.eyebrow{margin-top:0}
.f-control-group{border:0;padding:0;margin:0 0 17px;min-width:0}
.f-control-group legend{font-size:13px;font-weight:750;padding:0;margin-bottom:8px;color:#243642}
.f-segments{display:flex;flex-wrap:wrap;gap:6px}
.f-segment{position:relative;display:block;cursor:pointer;max-width:100%;margin:0}
.f-segment input{position:absolute;opacity:0;width:1px;height:1px}
.f-segment>span{display:flex;align-items:center;justify-content:center;min-height:42px;padding:9px 12px;border:1px solid #b9c3ca;border-radius:6px;background:#fff;color:#334550;font-size:13px;line-height:1.25;box-sizing:border-box}
.f-segment strong{font-weight:600}
.f-segment input:checked+span{background:#24485d;color:#fff;border-color:#24485d;box-shadow:inset 0 0 0 1px #24485d}
.f-segment input:focus-visible+span{outline:3px solid #cf913b;outline-offset:2px}
.f-segment:hover>span{border-color:#24485d}
.f-more{margin-top:8px}.f-details-link{font-size:13px;font-weight:650}
.f-quick .advanced-choice{min-height:42px;height:42px;padding:9px 12px;font-size:13px;align-self:start}
.f-details{padding:28px!important;scroll-margin-top:20px}
.f-details>h2{margin-top:0}.f-details>p{color:#566975}
.f-detail-group{padding:22px 0;margin:0;border-bottom:1px solid #dce2e6}
.f-detail-group:last-child{border-bottom:0}
.f-detail-group legend{font-size:17px;padding-top:18px}
.f-detail-group .choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.f-detail-group .choice{margin:0;min-width:0}
.f-detail-group .choice small{display:block;margin-top:5px;color:#64757f}
.f-detail-group .group-hint{margin:0 0 14px;max-width:850px;line-height:1.55}
@media(max-width:820px){.f-visual-top{grid-template-columns:1fr;gap:14px}.f-drawing{position:static}.f-drawing .bc-f-pump-svg{max-height:440px}.f-quick{padding:18px}.f-details{padding:18px!important}.f-detail-group .choice-grid{grid-template-columns:1fr}}

.f-segment input:disabled+span{opacity:.45;cursor:not-allowed}.f-drawing svg{max-width:100%;height:auto}.f-quick .f-segment span{overflow-wrap:anywhere}

/* Responsive fixed preview + independently scrolling options — Rev C */
.f-visual-building{overflow:hidden;height:100dvh}
.f-visual-building .steps,.f-visual-building #breadcrumb,.f-visual-building #builder-toolbar,.f-visual-building main>.footnote{display:none!important}
.f-visual-top{position:fixed;inset:var(--builder-top,140px) max(20px,calc((100vw - 1440px)/2)) 16px;margin:0;gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(350px,1fr);align-items:stretch}
.f-drawing{position:relative;top:auto;display:flex;flex-direction:column;min-height:0}
.f-drawing figure{height:100%;min-height:0;box-sizing:border-box;display:flex;flex-direction:column;padding:18px!important;overflow:hidden}
.f-drawing .model-caption{flex:none;padding:0!important;margin:0 0 8px!important;text-align:center;border:0!important}
.f-drawing .model-caption strong{display:block;font-size:clamp(18px,2vw,29px);line-height:1.2;overflow-wrap:anywhere}
.f-drawing .vertical-reference,.f-drawing .bc-vertical-reference{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0!important}
.f-drawing svg,.f-drawing .bc-f-pump-svg{width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;flex:1;object-fit:contain}
.f-drawing .bc-view-key,.f-drawing figcaption{display:none!important}
.f-quick{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:20px;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}
.f-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}
.f-panel-heading h1{font-size:20px;margin:0}.f-panel-heading a{font-size:13px;white-space:nowrap}
.f-option-row{border-bottom:1px solid #d9dfe2;padding:0 0 16px;margin-bottom:16px}
.f-option-row>.f-control-group{margin:0}
.f-control-group legend{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}
.f-expand{font:inherit;font-size:12px;font-weight:600;min-height:40px;padding:6px 10px;border:1px solid #ccd5db;border-radius:5px;background:#fff;color:#24485d;cursor:pointer}
.f-expand:focus-visible{outline:3px solid #cf913b;outline-offset:2px}
.f-inline-detail{margin-top:12px;background:#fff;border:1px solid #d9dfe2;border-radius:6px;padding:14px}
.f-inline-detail[hidden]{display:none!important}.f-inline-detail .f-detail-group{padding:0;border:0}.f-inline-detail legend{display:none}.f-inline-detail .choice-grid{grid-template-columns:1fr}.f-fixed{font-size:13px;margin:0;color:#425866}
@media(max-width:820px){
 .site-header{padding:8px 12px!important;min-height:0!important;gap:8px}
 .site-header img{max-height:34px!important;width:auto!important;max-width:130px!important}
 .header-actions .pill,.header-actions>a:not(.exit-builder){display:none!important}
 .site-header .exit-builder{min-height:36px;padding:7px 10px}
 .product-nav{padding:6px 12px!important;margin:0!important;min-height:0!important;font-size:13px}
 .f-visual-top{inset:var(--builder-top,105px) 8px max(8px,env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:8px}
 .f-drawing figure{padding:8px!important}.f-drawing .model-caption{margin:0 0 2px!important}.f-drawing .model-caption strong{font-size:clamp(16px,4.5vw,23px)}
 .f-quick{padding:12px}.f-panel-heading{margin-bottom:8px}.f-panel-heading h1{font-size:17px}.f-option-row{padding-bottom:12px;margin-bottom:12px}
 .f-segment>span{min-height:40px;padding:8px 10px}.f-control-group legend{margin-bottom:6px}
}

/* Rev D: reserve drawing space and compact mobile chrome. */
.f-visual-building .f-drawing>figure{flex:1 1 0;height:auto!important;min-height:0}
.f-visual-building .f-drawing .model-caption{display:block!important}
.f-visual-building .f-drawing .model-caption .eyebrow{display:none!important}
.f-visual-building .f-drawing>.summary-panel{flex:0 0 auto;min-height:0;margin:0!important;padding:8px 14px!important;border-top:1px solid #d9dfe2!important;border-radius:0!important}
.f-visual-building .f-drawing .total-row{min-height:0!important;padding:0!important;margin:0!important;font-size:16px!important;line-height:1.3;gap:10px}
.f-visual-building .f-drawing .total-row strong{font-size:18px!important;line-height:1.3}
.f-visual-building .f-drawing>.summary-panel p{font-size:11px;line-height:1.25;margin:3px 0 0!important}
.f-visual-building .f-drawing .mini-line{font-size:11px;margin:3px 0 0!important}
.f-visual-building .bc-davinci-view,.f-visual-building .bc-davinci-paper{flex:1 1 0;min-height:0}
@media(max-width:820px){
.site-header{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;padding:4px 8px!important;gap:6px!important}
.site-header>a{flex:0 0 65px;min-width:0}
.site-header img{width:65px!important;max-width:65px!important;height:auto!important;max-height:32px!important;display:block}
.site-header .header-actions{display:flex!important;flex:0 1 auto;flex-wrap:nowrap!important;align-items:center;gap:4px!important;min-width:0}
.site-header .exit-builder,.header-actions .dealer-account-button{box-sizing:border-box;min-height:44px!important;padding:5px 6px!important;font-size:11px!important;line-height:1.15!important;white-space:normal;text-align:center}
.header-actions [data-dealer="find-build"]{max-width:86px}
.product-nav{display:flex;flex-wrap:nowrap;gap:0!important;padding:0 8px!important;overflow-x:auto;white-space:nowrap}
.product-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:5px 12px!important;font-size:13px!important;line-height:1.2}
.f-visual-building .f-visual-top{grid-template-rows:minmax(0,1.1fr) minmax(0,1fr)}
.f-visual-building .f-drawing>.summary-panel{padding:5px 10px!important}
.f-visual-building .f-drawing .model-caption strong{font-size:clamp(16px,4.5vw,21px)}
.f-visual-building .bc-davinci-note{font-size:9px;line-height:1.2;margin:3px 4px 0}
}
@media(max-width:820px) and (max-height:480px){
.f-visual-building{height:auto;overflow:auto}
.f-visual-building .f-visual-top{position:relative;inset:auto;margin:8px;grid-template-rows:300px minmax(240px,auto)}
.f-visual-building .f-quick{max-height:none;overflow:visible}
}

/* Rev E: clean model view and phone layout across every builder step. */
.bc-davinci-zoom{display:none!important}
.f-size-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:12px;margin:10px 0}
.f-size-table th,.f-size-table td{padding:8px 4px;text-align:left;border-bottom:1px solid #d9dfe2;overflow-wrap:anywhere}
.f-size-table .selected-size{background:#edf3f5;font-weight:700}
.f-inline-detail p:last-child{margin-bottom:0}
@media(max-width:820px){
html,body{width:100%;max-width:100%;overflow-x:clip}
main,.layout,#workspace,#summary,.site-header,.header-actions,.steps{min-width:0;max-width:100%;box-sizing:border-box}
main{width:100%;padding-left:10px!important;padding-right:10px!important}
.layout,.skid-building .layout,.vertical-building .layout{display:flex;flex-direction:column;min-width:0}
.layout>*{min-width:0;max-width:100%;box-sizing:border-box}
.site-header .header-actions{gap:4px!important}
.site-header .header-actions>.pill,.site-header .header-actions>a:not(.exit-builder){display:none!important}
.product-nav{width:100%;max-width:100%;box-sizing:border-box;overflow-x:clip!important}
.product-nav a{min-width:0;flex:1 1 auto;white-space:normal;padding:5px 8px!important;font-size:13px!important}
.steps{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.steps button{min-width:0;white-space:normal;overflow-wrap:anywhere}
.config-card,.review-card,.summary-panel,.skid-controls,.group,fieldset{min-width:0;max-width:100%;box-sizing:border-box}
.choice-grid,.motor-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.choice,.choice>span,.review-row>span,.line-heading>div{min-width:0;overflow-wrap:anywhere}
.section-head,.line-heading,.controls-row,.review-row{flex-wrap:wrap}
input,select,textarea{max-width:100%;box-sizing:border-box}
.code,.model,.assembly-summary{overflow-wrap:anywhere}
.f-visual-building .layout{display:block!important}
.f-quick{overflow-x:hidden;touch-action:pan-y}
.f-inline-detail{padding:10px}
}