/* Two distinct page sections, retaining all original fields and rendering hooks. */
.reference-order-layout .product-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:36px;align-items:center;margin:22px 0 38px}
.product-showcase-photo,.product-showcase .product-heading{min-width:0}.product-showcase-photo img{display:block;width:100%;height:auto;border-radius:12px}.product-showcase-photo .preview-note{font-size:10px;color:var(--muted);margin:8px 0 0}
.reference-order-layout .product-showcase .product-heading{padding:0;margin:0}.reference-order-layout .product-showcase .product-heading h1{margin:0 0 8px}.reference-order-layout .product-showcase .product-heading .product-start-config{display:inline-flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;padding:13px 22px;font-size:13px}
.reference-order-layout .separate-config-section{padding:24px;background:#f5f7fa;border:1px solid #e0e7ef;border-radius:16px;scroll-margin-top:24px}
.configuration-section-heading{margin:0 0 18px}.configuration-section-heading .eyebrow{font-size:10px;letter-spacing:1.3px}.configuration-section-heading h2{font-size:25px;line-height:1.3;margin:5px 0 0;color:var(--blue)}
.reference-order-layout .separate-config-section .compact-workspace{margin-top:0;gap:28px}.reference-order-layout .separate-config-section .compact-edit-panel{background:#fff;border:1px solid #e0e7ef;border-radius:12px;padding:18px}
.reference-order-layout .separate-config-section .drawing-title{margin:0 0 12px;font-size:17px}.reference-order-layout .separate-config-section .product-support-info{margin-top:18px}
@media(max-width:999px){.reference-order-layout .product-showcase{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:18px 0 28px}.reference-order-layout .separate-config-section{padding:18px}.reference-order-layout .separate-config-section .compact-workspace{gap:22px}}
@media(max-width:640px){.reference-order-layout .product-showcase{grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:26px}.reference-order-layout .product-showcase .product-heading{order:-1}.reference-order-layout .product-showcase .product-heading .product-start-config{margin-top:14px;width:100%}.reference-order-layout .separate-config-section{padding:14px 10px;border-radius:12px}.reference-order-layout .separate-config-section .compact-edit-panel{padding:12px}.configuration-section-heading{padding:0 3px;margin-bottom:14px}.configuration-section-heading h2{font-size:22px}}
@media print{.product-showcase{display:none!important}.reference-order-layout .separate-config-section{padding:0;background:#fff;border:0}}
/* Product-page refinements only. */
.reference-order-layout .product-showcase .product-heading h1:after,.reference-order-layout .product-showcase .product-heading h1:before{content:none;display:none}
.reference-order-layout .product-showcase .commercial-description{font-size:13px;line-height:1.55;margin:8px 0 12px;color:var(--muted);max-width:510px}
.reference-order-layout .product-showcase-photo img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;border-radius:12px}
.product-gallery-thumbnails[hidden]{display:none}.product-gallery-thumbnails{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.reference-order-layout .product-showcase .commercial-price-label{font-size:14px;letter-spacing:0;font-weight:600}.reference-order-layout .product-showcase .commercial-price strong{font-size:clamp(30px,3vw,38px)}
.reference-order-layout .product-page>.product-support-info{margin:28px 0 0}
@media(min-width:1000px){.reference-order-layout .separate-config-section .compact-preview-panel[data-sticky-fits="true"]{position:sticky;top:18px;align-self:start}}
@media(max-width:999px){.reference-order-layout .separate-config-section .compact-preview-panel{position:static;top:auto}}
@media(prefers-reduced-motion:reduce){html:has(.reference-order-layout){scroll-behavior:auto}}

/* Keep the live drawing beside the active choices, clear of the sticky header. */
.compact-configurator .config-toolbar .config-stepper{display:none}
.reference-order-layout .separate-config-section{scroll-margin-top:110px}
@media(min-width:1000px){
.reference-order-layout .separate-config-section .compact-preview-panel,
.reference-order-layout .separate-config-section .compact-preview-panel:has(.drawing-expanded),
.reference-order-layout .separate-config-section .compact-preview-panel[data-sticky-fits]{
position:sticky;top:110px;align-self:start;
}
.reference-order-layout .separate-config-section .measure-drawing svg,
.reference-order-layout .separate-config-section .measure-drawing.drawing-expanded svg{
display:block;width:100%;height:auto;max-height:calc(100dvh - 295px);min-height:180px;object-fit:contain;
}
.reference-order-layout .separate-config-section .config-step{scroll-margin-top:110px}
}

/* Completed steps remain available as compact summaries; future steps stay hidden. */
.reference-order-layout .compact-configurator[data-mode=simple] .config-step:not([open]):not([hidden]){display:block;border-bottom:1px solid #e0e7ef;padding:12px 0}
.reference-order-layout .compact-configurator[data-mode=simple] .config-step>summary{pointer-events:auto;cursor:pointer;padding:8px 30px 8px 0;outline-offset:3px}
.reference-order-layout .compact-configurator[data-mode=simple] .config-step>summary:after{display:block;content:'+';top:8px}
.reference-order-layout .compact-configurator[data-mode=simple] .config-step[open]>summary:after{content:'−'}
.reference-order-layout .compact-configurator[data-mode=simple] .config-step[data-visited=true]>summary{color:var(--blue)}
.reference-order-layout .compact-configurator[data-mode=simple] .config-step[open]{padding-top:16px}
.reference-order-layout .compact-configurator[data-mode=simple] .config-step:first-child[open]{padding-top:0}

/* The accordion headings already communicate the current position. */
.compact-configurator .config-progress{display:none}
.compact-configurator .config-toolbar{padding:0;border:0;background:transparent;margin:0}
.compact-configurator .config-toolbar .config-completion{margin:0 0 12px}
.reference-order-layout .compact-configurator[data-mode=simple] .config-step>summary:after{
display:flex;align-items:center;justify-content:center;text-align:center;
width:24px;height:24px;padding:0;line-height:1;font-family:Arial,sans-serif;font-size:18px;font-weight:400;box-sizing:border-box;
}