/* Compact application-style frame using the established site colors. */
.order-builder{gap:28px;padding-top:32px}.builder-main{min-width:0}.builder-main>h2{font-size:29px;margin:12px 0}.builder-description{margin:0 0 16px}.builder-main>.pricing-context{margin-bottom:18px}
.config-window{position:relative;border:1px solid color-mix(in srgb,var(--accent) 68%,var(--line));border-radius:10px;background:var(--card);box-shadow:8px 9px 0 -1px var(--bg),8px 9px 0 0 color-mix(in srgb,var(--accent) 30%,var(--line)),0 22px 50px #0002;isolation:isolate}
.config-window-bar{display:flex;align-items:center;gap:13px;min-height:47px;padding:11px 18px;border-bottom:1px solid var(--line);border-radius:9px 9px 0 0;background:linear-gradient(110deg,color-mix(in srgb,var(--blue) 8%,var(--surface)),color-mix(in srgb,var(--purple) 8%,var(--surface)))}
.window-indicators{display:flex;gap:5px}.window-indicators i{width:6px;height:6px;border-radius:50%;background:var(--accent)}.window-indicators i:nth-child(2){background:var(--blue)}.window-indicators i:nth-child(3){background:var(--purple)}
.config-window-title{font:500 12px/1.6 'Space Grotesk',Arial,sans-serif;color:var(--text)}.config-window-title>span{color:var(--accent);margin-left:8px}.window-save-indicator{margin-left:auto;font-size:9px;letter-spacing:.6px;color:var(--muted);white-space:nowrap}
.config-window-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:12px 18px;gap:6px;border-bottom:1px solid var(--line);background:var(--surface)}
.config-window-tab{padding:9px 6px;text-align:center;font-size:11px;line-height:1.4;font-weight:500;color:var(--muted);border:1px solid transparent;border-radius:4px;transition:background .18s,color .18s,border-color .18s}.config-window-tab:hover{color:var(--text);background:var(--card)}.config-window-tab[aria-selected=true]{color:var(--text);background:var(--card);border-color:var(--accent);box-shadow:inset 0 -2px var(--accent)}
.config-window .spec-form{padding:22px;min-width:0;margin:0}.config-window.is-paged .spec-form{height:clamp(410px,60svh,590px);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:var(--accent) var(--surface);scrollbar-gutter:stable}
.config-window .component-group{border:0;padding:0;margin:0;min-width:0}.config-window .component-group legend{margin:0 0 16px;max-width:100%;padding:0;font-size:21px;letter-spacing:-.4px}.config-window .component-field{padding-block:6px}.config-window .component-note,.config-window .field-note,.config-window .compact-hint{font-size:11px}
.config-pane{min-width:0;outline:none}.config-pane[hidden]{display:none!important}.config-window.is-paged .config-pane:not([hidden]){animation:config-page-in .18s ease both}.config-pane:focus-visible{outline:2px solid var(--blue);outline-offset:5px;border-radius:3px}
.config-window-footer{padding:15px 20px 18px;border-top:1px solid var(--line);background:var(--surface);border-radius:0 0 9px 9px}.config-window-footer[hidden]{display:none}.window-progress{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:10px;margin-bottom:13px;line-height:1.6}.window-estimate{white-space:nowrap}.window-estimate strong{font:500 16px/1.4 'Space Grotesk',Arial,sans-serif;color:var(--text);margin-left:7px}.window-controls{display:flex;justify-content:space-between;gap:16px;align-items:center}.window-back{font:500 12px 'DM Sans',Arial,sans-serif;color:var(--text);background:var(--card);border:1px solid var(--line);padding:11px 18px;border-radius:4px;min-height:43px}.window-back:hover:enabled{border-color:var(--accent)}.window-back:disabled{opacity:.4;cursor:default}.window-controls .button{min-height:43px;padding:11px 19px;font-size:12px;justify-content:center;min-width:140px}
@keyframes config-page-in{from{opacity:.4;transform:translateX(7px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:1400px){.config-window-tabs{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;padding-inline:12px}.config-window-tab{font-size:10px;padding-inline:2px}}
@media(max-width:960px){.order-builder{grid-template-columns:minmax(0,1fr);gap:32px}.config-window.is-paged .spec-form{height:clamp(390px,58svh,560px)}.order-summary{position:static}.order-summary #summary-components{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}.order-summary #summary-components>div{grid-template-columns:75px minmax(0,1fr)}}
@media(max-width:600px){.config-window-bar{padding:10px 12px;gap:9px}.window-save-indicator{display:none}.config-window-title{font-size:11px}.config-window-tabs{padding:10px;gap:5px}.config-window-tab{font-size:11px;padding:9px 3px}.config-window .spec-form{padding:18px 13px}.config-window .component-group legend{font-size:20px}.config-window-footer{padding:13px}.window-progress{align-items:flex-start;gap:10px}.window-progress>span:first-child{max-width:55%}.window-estimate{font-size:9px}.window-estimate strong{display:block;font-size:16px;margin:0;text-align:right}.order-summary #summary-components{grid-template-columns:minmax(0,1fr)}.config-window.is-paged .spec-form{height:clamp(370px,55svh,530px)}}
@media(prefers-reduced-motion:reduce){.config-window-tab{transition:none}.config-window.is-paged .config-pane:not([hidden]){animation:none}}

.config-window .component-field[hidden]{display:none!important}.config-window .checkbox-heading{display:block!important;font-size:11px;font-weight:600;letter-spacing:.4px;color:var(--muted);margin:14px 0 6px}.config-window .checkbox-option:has(input:disabled){opacity:.5}.config-window select option:disabled{color:var(--muted)}

/* Match the postal-code field to the other configuration controls. */
.config-window #destination{display:block;box-sizing:border-box;width:100%;min-height:40px;padding:10px 12px;margin:0;border:1px solid var(--line);border-radius:3px;background:var(--surface);color:var(--text);font-family:inherit;font-size:12px;line-height:1.4}
.config-window #destination:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:760px){.config-window #destination{font-size:16px}}

.config-window .shipping-selectors{margin-top:14px}
.config-window .shipping-price-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.config-window .shipping-price-row strong{font:500 23px/1.3 'Space Grotesk',Arial,sans-serif;color:var(--text);text-align:right}
.config-window .shipping-caption{margin:7px 0 0;font-size:11px;line-height:1.6;color:var(--muted)}
.config-window .shipping-notes{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.shipping-summary{margin-top:18px;gap:14px;align-items:baseline}
.shipping-summary>span:first-child{font-size:11px;max-width:65%;line-height:1.5}
.shipping-summary>span:last-child{white-space:nowrap}
@media(max-width:600px){.config-window-tab:last-child{grid-column:span 2}.config-window .shipping-price-row{align-items:flex-start}.config-window .shipping-price-row strong{font-size:21px}.config-window #shipping-carrier,.config-window #shipping-service{font-size:16px}}