/* A wider proposal desk keeps the composition, prices and selected goods legible. */
.studio{max-width:1740px}
.studio-workspace{grid-template-columns:minmax(410px,.82fr) minmax(630px,1.18fr);gap:clamp(20px,2vw,34px)}
.builder-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
.review-panel{top:84px;max-height:calc(100dvh - 94px);padding:22px 24px 24px}
.review-panel .panel-title{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 11px;align-items:center}
.review-panel .panel-title h2{font-size:25px}
.review-panel .panel-title small{grid-column:2/-1;font-size:12px}
.review-title-actions{grid-column:3;grid-row:1;display:flex;gap:7px;justify-content:flex-end}
.review-title-actions button{border:1px solid #ccd8cd;border-radius:5px;background:#fff;color:#28402e;min-height:34px;padding:7px 10px;font-size:11px;font-weight:650;cursor:pointer;white-space:nowrap}
.review-title-actions button:hover,.review-title-actions button:focus-visible{border-color:#52725a;background:#f2f7f1}
.review-title-actions button:disabled{opacity:.46;cursor:not-allowed}
.review-title-actions #editStage:not(:disabled){background:#233a29;border-color:#233a29;color:#fff}
.review-showcase{grid-template-columns:minmax(225px,.85fr) minmax(270px,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:16px 22px}
.review-showcase .selected-stage{grid-column:1;grid-row:1/3;width:100%;height:auto;aspect-ratio:3/4;max-width:390px;border-radius:6px}
.review-showcase #selectedStage:not(:disabled)::after{font-size:11px;padding:7px 9px}
.review-details .quote-summary{padding:4px 0}
.review-details .quote-summary > div:not(.budget-status){padding:11px 0;font-size:13px}
.review-details .quote-summary b{font-size:15px}
.review-details .quote-summary #unitQuote{font-size:27px}
.review-details .quote-summary .scheme-quantity{font-size:12px;padding:11px 0}
.review-details .quote-summary .scheme-quantity input{width:min(165px,55%);height:40px;font-size:13px}
.review-details .selected-items{grid-column:2;grid-row:2;grid-template-columns:1fr;max-height:410px;overflow-y:auto;gap:10px}
.review-details .selected-items:not(:empty)::before{grid-column:1/-1;font-size:13px;margin-top:5px}
.review-details .selected-card{min-height:94px;padding:10px;grid-template-columns:66px minmax(0,1fr) 27px}
.review-details .selected-card img{width:66px;height:66px}
.review-details .selected-card b{font-size:13px}
.review-showcase .review-details .review-action{padding:16px 24px 19px;margin:0 -24px -24px}
.review-primary-actions button{min-height:46px;font-size:13px}
.review-action #schemeName{min-height:44px;font-size:13px}
.shot-lead{padding:17px 18px;margin-top:18px}
.shot-lead b{font-size:14px}
.shot-lead p{font-size:11px}
.shot-lead-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.shot-lead-actions button,.shot-lead #requestSample{min-height:40px;font-size:11px;padding:9px 10px}
.review-action .contact-order{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:11px;padding:13px 15px;border:1px solid #244832;border-radius:4px;background:#f0f6f1;color:#1c3e29;text-align:left;font-size:14px;font-weight:700;cursor:pointer}
.review-action .contact-order small{font-size:10px;font-weight:400;color:#617564}
.review-action .contact-order:hover:not(:disabled){background:#e6f2e8;border-color:#1c5631}
.review-action .contact-order:disabled{opacity:.48;cursor:not-allowed}
.builder-product{position:relative}
.builder-featured{position:absolute;top:18px;left:18px;z-index:1;padding:5px 8px;background:#18382a;color:#fff;font-size:10px;font-weight:700;letter-spacing:.04em}
.builder-product .builder-auto-pair{width:100%;margin-top:9px;border:1px solid #cad8cd;background:#f4f8f4;color:#284331;text-align:center;font-weight:650;font-size:11px;min-height:36px}
.builder-product .builder-auto-pair:hover{border-color:#54735b;background:#eaf3eb}
@media(max-width:1200px){.studio-workspace{grid-template-columns:minmax(0,.78fr) minmax(600px,1.22fr)}}
@media(max-width:1120px){.studio-workspace{display:block}.review-panel{position:static;max-height:none;overflow:visible;margin-top:30px}.review-details .selected-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.review-panel{padding:16px}.review-panel .panel-title{grid-template-columns:auto minmax(0,1fr);gap:5px 9px}.review-panel .panel-title h2{font-size:20px}.review-title-actions{grid-column:1/-1;grid-row:3;justify-content:flex-start;flex-wrap:wrap}.review-panel .panel-title small{grid-column:2}.review-showcase{grid-template-columns:132px minmax(0,1fr);gap:12px}.review-showcase .selected-stage{grid-row:1;width:132px;height:176px}.review-details .quote-summary #unitQuote{font-size:19px}.review-details .quote-summary > div:not(.budget-status){padding:5px 0;font-size:11px}.review-details .selected-items{grid-column:1/-1;grid-row:2;grid-template-columns:1fr;max-height:none;overflow:visible}.review-showcase .review-details .review-action{margin:0 -16px -16px;padding:15px 16px}.shot-lead-actions{grid-template-columns:1fr}.review-action .contact-order{display:block}.review-action .contact-order small{display:block;margin-top:4px}}

/* Keep the proposal workflow within fewer scroll stops. */
.studio{padding-top:30px}
.studio-heading{margin-bottom:17px}
.studio-heading h1{font-size:clamp(30px,2.8vw,43px);margin:6px 0 8px}
.studio-heading>p{line-height:1.5}
.studio-guide{margin-top:16px;gap:16px}
.studio-guide>div{padding:9px 0}
.selection-panel,.review-panel{padding-top:12px}
.review-panel{padding:15px 18px 18px}
.review-panel .panel-title{padding-bottom:9px;margin-bottom:10px}
.review-panel .panel-title h2{font-size:22px}
.review-showcase{gap:10px 16px}
.review-showcase .selected-stage{max-width:330px}
.review-details .quote-summary>div:not(.budget-status){padding:7px 0}
.review-details .selected-items{max-height:330px;gap:6px}
.review-details .selected-card{min-height:72px;padding:7px;grid-template-columns:54px minmax(0,1fr) 23px}
.review-details .selected-card img{width:54px;height:54px}
@media(min-width:1121px){.studio-workspace .review-showcase{grid-template-columns:minmax(220px,260px) minmax(0,1fr)}.studio-workspace .review-showcase .selected-stage{max-width:260px}.studio-workspace .review-details .selected-items{max-height:275px}}
.review-details .selected-card.is-package-option{border-style:dashed;background:#fbfcfa}
.review-details .selected-card.is-package-option{position:relative;padding-right:99px}
.review-details .selected-card .selected-use-package{display:inline-flex;align-items:center;justify-content:center;min-height:26px;margin-top:5px;padding:3px 8px;border:1px solid #8aa58d;border-radius:3px;background:#f2f8f2;color:#285236;font-size:10px;font-weight:700;cursor:pointer}
.review-details .selected-card.is-package-option .selected-use-package{position:absolute;right:30px;bottom:7px;margin:0}
.review-details .selected-card .selected-use-package:hover{background:#e5f3e7}
.review-action #schemeName{min-height:39px}
.review-primary-actions button{min-height:40px}
#shotLead{display:block;margin:10px 0 0;padding:11px 13px}
#shotLead[hidden]{display:none}
#shotLead>div:first-child{display:flex;align-items:baseline;gap:12px}
#shotLead b{font-size:12px}
#shotLead p{margin:0;font-size:10px}
#shotLead .shot-lead-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px}
#shotLead .shot-lead-actions button{width:100%;min-width:0;min-height:37px;margin:0;padding:7px 5px;border:1px solid #cbd9cd;border-radius:3px;background:#fff;color:#25432d;font-size:11px;font-weight:650;white-space:nowrap}
#shotLead .shot-lead-actions .contact-order{border-color:#243e2b;background:#243e2b;color:#fff}
#shotLead .shot-lead-actions button:hover{border-color:#52785a;background:#e9f2ea}
#shotLead .shot-lead-actions .contact-order:hover{background:#365943;color:#fff}
@media(max-width:700px){.studio{padding-top:18px}.studio-heading{margin-bottom:12px}.studio-guide{margin-top:12px;gap:8px}.studio-guide>div{padding:7px 0}.review-panel{padding:12px}.review-details .selected-items{max-height:none;overflow:visible}.review-details .selected-card{min-height:68px}.review-details .selected-card.is-package-option{padding-right:74px}.review-details .selected-card.is-package-option .selected-use-package{right:25px;padding:3px 4px;font-size:9px}.review-showcase .selected-stage{max-width:none}#shotLead{padding:9px}#shotLead>div:first-child{display:block}#shotLead p{margin-top:2px}#shotLead .shot-lead-actions{gap:4px}#shotLead .shot-lead-actions button{min-height:38px;padding:5px 2px;font-size:10px}}