/* Calculator-only adaptation of the actual product detail form and preview toolbar.
 * Sources: wzd-product-mobile-compact.css and wzd-product-joint-color.css.
 * Keep IDs/handlers and the shared SKU surface renderer intact. */
body.wzd-calculator-page #wdc-panel {--wb-line:#e8e8eb;--wb-pink:#faf4f3;--wb-red:#8e2521;--wb-ink:#2e2e31;--wb-muted:#747479;}
body.wzd-calculator-page #wdc-panel .wdc-section-head {margin-bottom:12px;}
body.wzd-calculator-page #wdc-panel #wdc-dim-hint {display:none;}
body.wzd-calculator-page #wdc-panel .wdc-area-row {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:end;}
body.wzd-calculator-page #wdc-panel .wdc-area-row .wdc-area-field {min-width:0;width:auto;grid-column:auto;}
body.wzd-calculator-page #wdc-panel .wdc-area-sep {display:none;}
body.wzd-calculator-page #wdc-panel .wdc-input {min-width:0;width:100%;height:38px;min-height:38px;padding:6px 8px;font-size:16px!important;line-height:1.25;border:1px solid #dedee3;border-radius:7px;box-shadow:none;}
body.wzd-calculator-page #wdc-panel #wdc-sqm {background:var(--wb-pink);}
body.wzd-calculator-page #wdc-panel .wdc-sublabel {margin:0 0 3px;font-size:11px;line-height:1.4;white-space:nowrap;}
body.wzd-calculator-page #wdc-panel .wdc-step-label {margin:0 0 5px;font-size:13px!important;font-weight:500;line-height:1.5;}
body.wzd-calculator-page #wdc-panel .wdc-col-inputs > .wdc-block {border:0;margin:0;padding:0;}
body.wzd-calculator-page #wdc-panel .wdc-conditions-card {margin-top:12px;}
body.wzd-calculator-page #wdc-panel .wdc-conditions-card .wdc-block {margin:0 0 12px;}
body.wzd-calculator-page #wdc-panel .wdc-conditions-card .wdc-block:last-of-type {margin-bottom:0;}
body.wzd-calculator-page #wdc-panel :is(.wdc-toggle-row,.wdc-pill-row) {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}
body.wzd-calculator-page #wdc-panel .wdc-pill-row {grid-template-columns:repeat(4,minmax(0,1fr));}
body.wzd-calculator-page #wdc-panel :is(.wdc-toggle,.wdc-pill,.wdc-chip,.wdc-deduct-toggle) {display:flex;align-items:center;justify-content:center;gap:5px;width:100%;min-width:0;min-height:36px;padding:6px 5px;border:1px solid #dedee3;border-radius:6px;box-shadow:none;font-size:12px;line-height:1.3;white-space:nowrap;overflow-wrap:normal;word-break:normal;background:#fff;color:var(--wb-ink);}
body.wzd-calculator-page #wdc-panel :is(.wdc-toggle,.wdc-pill).is-on {border-color:#d5b4a9;background:#f8ede7;color:var(--wb-red);}
body.wzd-calculator-page #wdc-panel .wdc-toggle svg {width:18px;height:12px;flex:0 0 18px;}
body.wzd-calculator-page #wdc-panel #wdc-orient-hint {padding:0;border:0;background:none;font-size:11px;line-height:1.5;margin:4px 0 0;color:var(--wb-muted);}
body.wzd-calculator-page #wdc-panel #wdc-orient-hint .wdc-oh-wall {display:none;}
body.wzd-calculator-page #wdc-panel #wdc-orient-hint .wdc-oh-sep {display:none;}
body.wzd-calculator-page #wdc-panel #wdc-addwall-row {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important;margin-top:8px!important;}
body.wzd-calculator-page #wdc-panel #wdc-wall-total-row {grid-column:1/-1;font-size:11px!important;}
body.wzd-calculator-page #wdc-panel #wdc-deduct-block {border:0;margin:0;padding:0;}
body.wzd-calculator-page #wdc-panel #wdc-deduct-panel {margin-top:8px!important;}
body.wzd-calculator-page #wdc-panel :is(.wdc-extra-wall,.wdc-deduct-row) {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.7fr) 26px;gap:6px;padding:8px 0;border:0;border-top:1px solid var(--wb-line);border-radius:0;align-items:end;}
body.wzd-calculator-page #wdc-panel .wdc-extra-wall {grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.6fr) 26px;}
body.wzd-calculator-page #wdc-panel .wdc-extra-wall > .wdc-ew-lbl {grid-column:1/-1;font-size:11px;}
body.wzd-calculator-page #wdc-panel .wdc-extra-wall > .wdc-area-field:nth-last-child(2) {grid-column:auto;max-width:none!important;}
body.wzd-calculator-page #wdc-panel .wdc-deduct-field--name {grid-column:auto;}
body.wzd-calculator-page #wdc-panel :is(.wdc-extra-wall,.wdc-deduct-row) .wdc-deduct-del {grid-column:auto;grid-row:auto;min-width:0;width:26px;height:38px;align-self:end;font-size:19px;}
body.wzd-calculator-page #wdc-panel .wdc-ew-section-lbl {font-size:11px;}
/* Product page visual: one title strip, one image, one metadata/footer strip. */
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-visual {display:block;border:1px solid var(--wb-line);border-radius:9px;background:#fff;overflow:hidden;}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-visual-title {margin:0;padding:6px 8px;font-size:13px;line-height:1.5;background:#f6f5f3;}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-preview {border:0;border-radius:0;aspect-ratio:2/1;}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-preview-meta {display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px;background:#faf9f8;border-top:1px solid var(--wb-line);}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-preview-meta :is(.wb-metric-caption,.wb-unit-caption,.wb-visual-note) {flex:1;margin:0;padding:0;font-size:11px;line-height:1.5;text-align:left;min-width:0;}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-preview-meta .wb-visual-note {text-align:right;font-size:10px;}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-mobile-preview-footer {display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:6px;margin:0;padding:3px 8px;background:#faf8f5;border-top:1px solid var(--wb-line);min-height:36px;}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-joint-color-caption {margin:0;padding:0;font-size:10px;line-height:1.5;}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-mobile-area-switch {display:flex;gap:3px;padding:0;margin:0 0 0 auto;width:auto;}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-mobile-area-switch button {min-width:38px;min-height:28px;height:28px;font-size:10px;line-height:1.2;white-space:nowrap;padding:3px 5px;border-radius:5px;border-color:transparent;background:transparent;}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-mobile-area-switch button[aria-pressed=true] {background:#f1e5df;border-color:#d5b4a9;color:var(--wb-red);}
body.wzd-calculator-page #wdc-panel #wdc-real-preview form {border:0;margin:10px 0 0;padding:0;}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-joint-color-heading {font-size:12px;line-height:1.5;}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-joint-color-grid {flex-wrap:nowrap;gap:4px;margin:4px 0;}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-joint-color-chip {flex:1 1 0;min-width:0;width:auto;max-width:44px;min-height:36px;height:36px;padding:3px;border:1px solid transparent;border-radius:50%;background:transparent;}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-joint-color-chip i {width:24px;height:24px;position:relative;}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-joint-color-chip[aria-pressed=true] i:after {content:'';position:absolute;inset:-4px;border:1px solid var(--wb-red);border-radius:50%;}
body.wzd-calculator-page #wdc-panel #wdc-real-preview :is(.wb-joint-color-hint,.wb-joint-color-status) {margin:4px 0 0;font-size:11px;line-height:1.5;}
/* Compact order summary; the complete basis is available in the disclosure. */
body.wzd-calculator-page #wdc-panel .wdc-result-box {padding:10px 12px;margin-top:12px;background:var(--wb-pink);border:1px solid var(--wb-line);border-radius:10px;}
body.wzd-calculator-page #wdc-panel .wdc-result-heading {display:none;}
body.wzd-calculator-page #wdc-panel .wdc-result-header {display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 0 8px;border-bottom:1px solid var(--wb-line);}
body.wzd-calculator-page #wdc-panel .wdc-result-header > div:first-child {display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;min-width:0;}
body.wzd-calculator-page #wdc-panel .wdc-result-big {font-size:28px;line-height:1.3;white-space:nowrap;margin:0;}
body.wzd-calculator-page #wdc-panel .wdc-result-lbl {font-size:12px;line-height:1.5;}
body.wzd-calculator-page #wdc-panel .wdc-result-unit {font-size:12px;}
body.wzd-calculator-page #wdc-panel :is(.wdc-result-sub,.wdc-result-sqm-box) {display:none;}
body.wzd-calculator-page #wdc-panel .wdc-result-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px;}
body.wzd-calculator-page #wdc-panel .wdc-result-item {display:flex;padding:0;border:0;background:none;gap:6px;align-items:flex-start;}
body.wzd-calculator-page #wdc-panel .wdc-result-item + .wdc-result-item {border:0;}
body.wzd-calculator-page #wdc-panel .wdc-ri-lbl {font-size:10px;line-height:1.5;}
body.wzd-calculator-page #wdc-panel .wdc-ri-val {font-size:13px;line-height:1.5;}
body.wzd-calculator-page #wdc-panel .wdc-result-item > i {font-size:17px;}
body.wzd-calculator-page #wdc-panel .wdc-result-details {border-top:1px solid var(--wb-line);margin-top:8px;padding-top:4px;}
body.wzd-calculator-page #wdc-panel .wdc-result-details > summary {display:flex;align-items:center;justify-content:space-between;font-size:12px;min-height:32px;cursor:pointer;list-style:none;}
body.wzd-calculator-page #wdc-panel .wdc-result-details > summary::-webkit-details-marker {display:none;}
body.wzd-calculator-page #wdc-panel .wdc-result-details .wdc-summary {margin:8px 0 0;}
body.wzd-calculator-page #wdc-panel .wdc-result-note {font-size:11px;line-height:1.6;}
body.wzd-calculator-page #wdc-panel .wdc-cta-block {border:0;margin-top:10px;padding-top:0;}
body.wzd-calculator-page #wdc-panel .wdc-cta-cat {display:none;}
body.wzd-calculator-page #wdc-panel .wdc-cta-quote-row {display:grid;grid-template-columns:1fr 1.25fr;gap:6px;width:100%;}
body.wzd-calculator-page #wdc-panel .wdc-cta-quote-row > :is(button,a) {width:auto;min-width:0;min-height:40px;padding:8px 6px;font-size:12px;white-space:nowrap;line-height:1.4;}
/* Delivery uses the product page's compact disclosure rows, all content retained. */
body.wzd-calculator-page .wdc-workspace .wdc-std-wrap .wdc-std-grid {display:block;}
body.wzd-calculator-page .wdc-workspace .wdc-std-wrap .wdc-section-head {margin-bottom:10px;}
body.wzd-calculator-page .wdc-workspace .wdc-delivery-detail {border:0;border-top:1px solid #e8e8eb;background:#fff;}
body.wzd-calculator-page .wdc-workspace .wdc-delivery-detail > summary {display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;min-height:48px;padding:10px 0;font-size:14px;font-weight:500;line-height:1.5;}
body.wzd-calculator-page .wdc-workspace .wdc-delivery-detail > summary > .ti:first-child {width:23px;flex:0 0 23px;font-size:21px;color:#8e2521;}
body.wzd-calculator-page .wdc-workspace .wdc-delivery-detail > summary > .ti:last-child {margin-left:auto;font-size:15px;color:#747479;}
body.wzd-calculator-page .wdc-workspace .wdc-delivery-detail[open] > summary > .ti:last-child {transform:rotate(180deg);}
body.wzd-calculator-page .wdc-workspace .wdc-delivery-detail summary::-webkit-details-marker {display:none;}
body.wzd-calculator-page .wdc-workspace .wdc-delivery-detail .wdc-std-body {padding:0 0 14px 31px;font-size:13px;line-height:1.75;}
body.wzd-calculator-page .wdc-workspace .wdc-delivery-detail .wdc-std-body p {margin:0;}
body.wzd-calculator-page .wdc-workspace .wdc-delivery-detail .wdc-std-row {display:block;margin-bottom:10px;}
body.wzd-calculator-page .wdc-workspace .wdc-delivery-detail .wdc-std-row > span {display:block;}
body.wzd-calculator-page .wdc-workspace .wdc-delivery-detail .wdc-std-badge {display:inline-block;width:max-content;padding:0;background:none;font-size:13px;font-weight:600;color:#2e2e31;}
body.wzd-calculator-page .wdc-workspace .wdc-delivery-detail .wdc-std-checks {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
body.wzd-calculator-page .wdc-workspace .wdc-delivery-detail .wdc-std-check {font-size:13px;line-height:1.75;gap:5px;}
body.wzd-calculator-page .wdc-workspace .wdc-brick-quality {grid-column:1/-1;border-top:1px solid #e8e8eb;padding-top:6px;}
body.wzd-calculator-page .wdc-workspace .wdc-brick-quality summary {display:flex;align-items:center;gap:6px;font-size:13px;list-style:none;cursor:pointer;min-height:40px;color:#8e2521;}
body.wzd-calculator-page .wdc-workspace .wdc-brick-quality summary i:last-child {margin-left:auto;}
body.wzd-calculator-page .wdc-workspace .wdc-brick-quality > i {display:none;}
body.wzd-calculator-page .wdc-workspace .wdc-brick-quality > div {padding:0 0 8px;font-size:13px;line-height:1.75;}
@media(max-width:760px){
 body.wzd-calculator-page #wdc-panel .wdc-cols {display:flex!important;flex-direction:column;gap:12px;}
 body.wzd-calculator-page #wdc-panel .wdc-col-inputs {width:100%;}
 body.wzd-calculator-page #wdc-panel .wdc-col-viz {order:-1;width:100%;margin:0;padding:0;}
 body.wzd-calculator-page #wdc-panel .wdc-input {height:32px;min-height:32px;padding:4px 8px;}
 body.wzd-calculator-page #wdc-panel .wdc-area-row {gap:7px;}
 body.wzd-calculator-page #wdc-panel .wdc-area-field:last-child {grid-column:auto!important;}
 body.wzd-calculator-page #wdc-panel .wdc-step-label {font-size:12px!important;}
 body.wzd-calculator-page #wdc-panel :is(.wdc-toggle,.wdc-pill,.wdc-chip,.wdc-deduct-toggle) {height:32px;min-height:32px;padding:4px 3px;font-size:11px;}
 body.wzd-calculator-page #wdc-panel .wdc-conditions-card .wdc-block {margin-bottom:10px;}
 body.wzd-calculator-page #wdc-panel #wdc-orient-hint {display:none;}
 body.wzd-calculator-page #wdc-panel :is(.wdc-extra-wall,.wdc-deduct-row) {gap:5px;}
 body.wzd-calculator-page #wdc-panel :is(.wdc-extra-wall,.wdc-deduct-row) .wdc-deduct-del {height:32px;}
 body.wzd-calculator-page #wdc-panel .wdc-presets {display:none;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-visual-title {font-size:12px;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-surface-controls {display:flex;flex-wrap:nowrap;align-items:center;gap:8px;padding:5px 8px;margin:0;background:#fff;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-surface-controls > [role=group] {display:flex;align-items:center;gap:4px;min-width:0;flex:1;width:auto;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-surface-controls > [role=group]:has([data-wb-surface-orientation]) {flex:0 0 auto;border-left:1px solid var(--wb-line);padding-left:8px;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-surface-controls > [role=group] > span {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-surface-controls button {min-width:0;min-height:32px;height:32px;padding:3px 6px;font-size:11px;line-height:1.2;white-space:nowrap;border-color:transparent;background:#f6f5f2;border-radius:6px;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-surface-controls [data-wb-surface-orientation] {flex:0 0 32px;width:32px;font-size:17px;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-surface-controls button[aria-pressed=true] {border-color:#d5b4a9;background:#f8ede7;color:var(--wb-red);}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview :is(.wb-curve-controls,.wb-roof-controls,.wb-metric-controls,.wb-vent-w-controls) {gap:4px;padding:4px 6px;margin:0;flex-wrap:nowrap;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview :is(.wb-curve-controls,.wb-roof-controls,.wb-metric-controls,.wb-vent-w-controls) button {min-height:32px;padding:4px 6px;font-size:11px;white-space:nowrap;line-height:1.3;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-mobile-area-switch {padding:0;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-mobile-area-switch button {min-height:28px;}
 body.wzd-calculator-page #wdc-panel .wdc-result-grid {gap:8px;}
 body.wzd-calculator-page #wdc-panel .wdc-ri-val {font-size:12px;}
 body.wzd-calculator-page .wdc-workspace .wdc-delivery-detail .wdc-std-checks {grid-template-columns:1fr;gap:10px;}
 body.wzd-calculator-page .wdc-workspace .wdc-delivery-detail .wdc-std-body {padding-left:0;font-size:13px;}
 body.wzd-calculator-page .wdc-workspace .wdc-delivery-detail > summary {font-size:13px;}
 body.wzd-calculator-page .wdc-workspace .wdc-faq-wrap .wdc-section-head {margin-bottom:8px;}
 body.wzd-calculator-page .wdc-workspace .wdc-faq-wrap .wdc-section-head p {display:none;}
 body.wzd-calculator-page .wdc-workspace .wdc-faq-q {font-size:13px!important;padding:12px 0;min-height:44px;}
}
@media(max-width:360px){
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-surface-controls {gap:5px;padding:5px;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-surface-controls button {font-size:10px;padding:3px 4px;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-surface-controls > [role=group]:has([data-wb-surface-orientation]) {padding-left:5px;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-surface-controls [data-wb-surface-orientation] {flex-basis:28px;width:28px;}
}
body.wzd-calculator-page #wdc-panel .wdc-sublabel {min-height:0;height:auto;}
body.wzd-calculator-page #wdc-panel #wdc-waste-block {margin-bottom:0;}
body.wzd-calculator-page #wdc-panel .wdc-cta-quote-row a {gap:5px!important;}
body.wzd-calculator-page #wdc-panel #wdc-deduct-panel > div:last-child {display:flex;align-items:center;gap:8px;min-width:0;}
body.wzd-calculator-page #wdc-panel #wdc-deduct-panel > div:last-child button {width:auto;flex:0 0 110px;}
body.wzd-calculator-page #wdc-panel #wdc-deduct-panel > div:last-child > div {flex:1;min-width:0;white-space:nowrap;font-size:11px!important;}
body.wzd-calculator-page #wdc-panel .wdc-badge:empty {display:none;}
/* The current product-detail mobile preview is 70% as high as its width. */
@media(max-width:760px){body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-preview {aspect-ratio:10/7;}}
body.wzd-calculator-page #wdc-panel .wdc-presets {display:none;}
body.wzd-calculator-page #wdc-panel #wdc-cart-add {border:1px solid #8e2521;background:#fff;color:#8e2521;}
body.wzd-calculator-page #wdc-panel input[type=number] {appearance:textfield;}
body.wzd-calculator-page #wdc-panel input[type=number]::-webkit-inner-spin-button,
body.wzd-calculator-page #wdc-panel input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;margin:0;}
/* Desktop follows the product detail: form/results left, one material preview right.
 * display:contents keeps the shared preview form/state inside its existing section.
 * The accepted mobile DOM, order, spacing and controls are unchanged. */
@media(min-width:981px){
 body.wzd-calculator-page #wdc-panel {display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px 24px;grid-template-rows:32px auto auto auto auto;align-items:start;padding:20px 24px!important;}
 body.wzd-calculator-page #wdc-panel > .wdc-section-head {grid-column:1;grid-row:1;margin:0;}
 body.wzd-calculator-page #wdc-panel .wdc-cols,
 body.wzd-calculator-page #wdc-panel .wdc-col-viz,
 body.wzd-calculator-page #wdc-panel #wdc-real-preview {display:contents!important;}
 body.wzd-calculator-page #wdc-panel .wdc-col-inputs {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;grid-column:1;grid-row:2;min-width:0;}
 body.wzd-calculator-page #wdc-panel .wdc-conditions-card {display:contents;}
 body.wzd-calculator-page #wdc-panel .wdc-conditions-card .wdc-block {margin:0;padding:0;}
 body.wzd-calculator-page #wdc-panel #wdc-area-block {grid-column:1;grid-row:1;}
 body.wzd-calculator-page #wdc-panel #wdc-orient-block {grid-column:2;grid-row:1;}
 body.wzd-calculator-page #wdc-panel .wdc-col-inputs:not(:has(#wdc-orient-block:not([hidden]))) #wdc-area-block {grid-column:1/-1;}
 body.wzd-calculator-page #wdc-panel #wdc-orient-block .wdc-toggle-row {grid-template-columns:1fr;gap:6px;}
 body.wzd-calculator-page #wdc-panel .wdc-toggle {display:grid;grid-template-columns:18px minmax(0,1fr);grid-template-rows:auto auto;column-gap:6px;row-gap:1px;text-align:left;min-height:44px;padding:6px 8px;}
 body.wzd-calculator-page #wdc-panel .wdc-toggle svg {grid-column:1;grid-row:1/3;}
 body.wzd-calculator-page #wdc-panel .wdc-toggle span {grid-column:2;grid-row:1;font-weight:600;}
 body.wzd-calculator-page #wdc-panel .wdc-toggle:after {content:attr(data-face-label);grid-column:2;grid-row:2;font-size:11px;line-height:1.4;font-weight:400;color:#747479;}
 body.wzd-calculator-page #wdc-panel .wdc-toggle.is-on {background:#faf4f3;border-color:#8e2521;}
 body.wzd-calculator-page #wdc-panel #wdc-orient-hint {display:none;}
 body.wzd-calculator-page #wdc-panel #wdc-mortar-block {grid-column:1;}
 body.wzd-calculator-page #wdc-panel #wdc-waste-block {grid-column:2;}
 body.wzd-calculator-page #wdc-panel #wdc-rings-block,
 body.wzd-calculator-page #wdc-panel #wdc-length-block,
 body.wzd-calculator-page #wdc-panel #wdc-deduct-block,
 body.wzd-calculator-page #wdc-panel .wdc-info-note {grid-column:1/-1;}
 body.wzd-calculator-page #wdc-panel #wdc-deduct-block:has(#wdc-deduct-panel[style*="display:none"]),
 body.wzd-calculator-page #wdc-panel #wdc-deduct-block:has(#wdc-deduct-panel[style*="display: none"]) {display:none!important;}
 body.wzd-calculator-page #wdc-panel #wdc-rings-block .wdc-area-row,
 body.wzd-calculator-page #wdc-panel #wdc-length-block .wdc-area-row {grid-template-columns:repeat(2,minmax(0,1fr));}
 body.wzd-calculator-page #wdc-panel #wdc-addwall-row {gap:5px!important;}
 body.wzd-calculator-page #wdc-panel :is(#wdc-addwall-btn,#wdc-deduct-btn) {font-size:11px;min-height:32px;padding:4px 3px;}
 body.wzd-calculator-page #wdc-panel .wdc-pill {min-height:35px;font-size:12px;}
 body.wzd-calculator-page #wdc-panel .wdc-pill.is-on {background:#8e2521;border-color:#8e2521;color:#fff;}
 body.wzd-calculator-page #wdc-panel .wdc-area-row {gap:7px;}
 body.wzd-calculator-page #wdc-panel .wdc-step-label {font-size:13px!important;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview > .wb-visual {grid-column:2;grid-row:1/6;align-self:start;width:100%;min-width:0;container-type:inline-size;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview > form {grid-column:1;grid-row:3;min-width:0;margin:0;padding:8px 0 0;border-top:1px solid #e8e8eb;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview > form:has(.wb-joint-color-status:not([hidden])) {padding-top:8px;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview > form:not(:has(.wb-joint-colors)) {display:none;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-joint-color-heading {font-size:12px;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-joint-color-grid {margin:3px 0;gap:4px;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-joint-color-chip {height:36px;min-height:36px;max-width:40px;}
 body.wzd-calculator-page #wdc-panel #wdc-result-box {grid-column:1;grid-row:4;margin:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0 12px;padding:10px 12px;}
 body.wzd-calculator-page #wdc-panel .wdc-result-header {grid-column:1;grid-row:1;display:block;border:0;padding:0;}
 body.wzd-calculator-page #wdc-panel .wdc-result-header > div:first-child {display:block;}
 body.wzd-calculator-page #wdc-panel .wdc-result-big {margin-top:4px;font-size:28px;}
 body.wzd-calculator-page #wdc-panel .wdc-result-grid {grid-column:2;grid-row:1;display:grid;grid-template-columns:1fr;gap:4px;margin:0;padding-left:12px;border-left:1px solid #e8e8eb;}
 body.wzd-calculator-page #wdc-panel .wdc-ri-val {font-size:13px;}
 body.wzd-calculator-page #wdc-panel .wdc-result-details {grid-column:1/-1;grid-row:2;margin-top:8px;padding-top:3px;}
 body.wzd-calculator-page #wdc-panel #wdc-cta-block {grid-column:1;grid-row:5;margin:0;width:100%;}
 body.wzd-calculator-page #wdc-panel .wdc-cta-quote-row {grid-template-columns:1fr 1fr;}
 body.wzd-calculator-page #wdc-panel .wdc-cta-quote-row > :is(button,a) {min-height:40px;font-size:13px;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview > .wdc-real-ideas {grid-column:2;grid-row:6;margin:0;}
 /* Product surface toolbar: pattern left, direction center, area right. */
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-surface-controls {display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px 8px;align-items:center;padding:8px;margin:0;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-surface-controls [role=group] {display:flex;flex-wrap:wrap;gap:4px;width:auto;min-width:0;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-surface-controls [role=group] > span {display:none;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-surface-controls [role=group]:has([data-wb-surface-layout]) {grid-column:1;justify-self:start;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-surface-controls [role=group]:has([data-wb-surface-orientation]) {grid-column:2;justify-self:center;flex-wrap:nowrap;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-surface-controls button {min-height:30px;padding:5px 7px;font-size:11px;line-height:1.4;border-radius:5px;white-space:nowrap;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-desktop-toolbar-area {grid-column:3;display:flex;flex-wrap:nowrap;justify-self:end;gap:3px;width:auto;margin:0;padding:3px;border:1px solid #e8e8eb;border-radius:6px;background:#fff;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-desktop-toolbar-area button {min-width:54px;min-height:30px;border:1px solid transparent;background:transparent;font-size:11px;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-desktop-area-overlay {position:absolute;top:10px;right:10px;z-index:3;display:flex;gap:3px;margin:0;padding:3px;width:auto;background:rgba(255,255,255,.96);border:1px solid #e1dcd8;border-radius:7px;box-shadow:0 2px 8px #30251b16;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-desktop-area-overlay button {min-width:62px;min-height:30px;padding:5px 8px;font-size:11px;line-height:1.4;border:1px solid transparent;background:transparent;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview :is(.wdc-desktop-toolbar-area,.wdc-desktop-area-overlay) button[aria-pressed=true] {background:#8e2521;border-color:#8e2521;color:#fff;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-joint-color-caption {display:flex;justify-content:flex-start;padding:8px 10px;background:#faf8f5;border-top:1px solid #e8e8eb;font-size:11px;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-mobile-preview-footer[hidden] {display:none!important;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview :is(.wb-curve-controls,.wb-roof-controls,.wb-vent-w-controls) {gap:6px;margin:0;padding:8px;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview :is(.wb-curve-controls,.wb-roof-controls,.wb-vent-w-controls) button {min-height:30px;font-size:11px;padding:5px 8px;}
}
@container(max-width:520px){
 @media(min-width:981px){
  body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-surface-controls {grid-template-columns:minmax(0,1fr) auto;}
  body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-surface-controls [role=group]:has([data-wb-surface-orientation]) {grid-column:1/-1;grid-row:2;}
  body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-desktop-toolbar-area {grid-column:2;grid-row:1;}
 }
}
@media(min-width:981px){
 body.wzd-calculator-page #wdc-panel[style*="display:none"],
 body.wzd-calculator-page #wdc-panel[style*="display: none"] {display:none!important;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-joint-colors {display:grid;grid-template-columns:95px minmax(0,1fr);column-gap:10px;align-items:center;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-joint-color-heading {display:flex;flex-direction:column;align-items:flex-start;gap:2px;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-joint-color-grid {justify-content:flex-start;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-joint-color-hint {grid-column:1/-1;font-size:11px;line-height:1.5;margin:2px 0 0;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-joint-color-note {display:none;}
 body.wzd-calculator-page #wdc-panel #wdc-result-box {grid-template-columns:minmax(0,.95fr) minmax(0,.8fr) minmax(0,1.25fr);gap:0 10px;}
 body.wzd-calculator-page #wdc-panel .wdc-result-grid {display:contents;}
 body.wzd-calculator-page #wdc-panel #wdc-r-weight {grid-column:2;grid-row:1;padding-left:10px;border-left:1px solid #e8e8eb;}
 body.wzd-calculator-page #wdc-panel #wdc-r-truck {grid-column:3;grid-row:1;}
 body.wzd-calculator-page #wdc-panel .wdc-result-details {grid-column:1/-1;}
}
@media(min-width:981px) and (max-width:1100px){
 body.wzd-calculator-page #wdc-panel .wdc-col-inputs {grid-template-columns:repeat(2,minmax(0,1fr));}
 body.wzd-calculator-page #wdc-panel #wdc-area-block {grid-column:1/-1;}
 body.wzd-calculator-page #wdc-panel #wdc-orient-block {grid-column:1/-1;grid-row:2;}
 body.wzd-calculator-page #wdc-panel #wdc-orient-block .wdc-toggle-row {grid-template-columns:repeat(2,minmax(0,1fr));}
 body.wzd-calculator-page #wdc-panel .wdc-result-big {font-size:24px;}
}
@media(min-width:981px){
 body.wzd-calculator-page #wdc-panel .wdc-result-header {margin:0;}
 body.wzd-calculator-page #wdc-panel .wdc-col-inputs:not(:has(#wdc-mortar-block:not([hidden]))) #wdc-waste-block {grid-column:1/-1;}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-joint-color-status {grid-column:1/-1;}
}
/* Same six compact vent pattern cards and rotation row as the product detail page. */
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-vent-pattern-controls{padding:8px;background:#fff;border-bottom:1px solid var(--wb-line);min-width:0}
body.wzd-calculator-page #wdc-panel #wdc-real-preview :is(.wb-vent-pattern-heading,.wb-vent-desktop-hint){display:none}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-vent-pattern-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-vent-pattern-options button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;padding:6px 2px;font-size:10px;line-height:1.4}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-vent-pattern-options canvas{display:block;width:36px;height:36px;max-width:100%;border-radius:3px}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-vent-pattern-actions{display:grid;grid-template-columns:1fr 1fr auto;gap:5px;margin-top:6px}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-vent-pattern-actions button{min-width:0;min-height:32px;padding:4px 7px;font-size:11px;white-space:nowrap}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-vent-pattern-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-roof-colors{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:8px;border-bottom:1px solid var(--wb-line)}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-roof-colors>span{font-size:11px;flex-basis:100%;color:var(--wb-muted)}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-roof-colors button{display:flex;align-items:center;gap:3px;padding:3px 6px;font-size:11px;min-height:34px}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-roof-colors img{width:19px;height:28px;object-fit:contain}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-roof-controls{margin:0;padding:6px 8px;gap:5px;display:flex;flex-wrap:wrap;border-bottom:1px solid var(--wb-line)}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-roof-controls button{flex:1;min-width:0;min-height:30px;padding:3px 5px;font-size:11px;white-space:nowrap}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-roof-diagram{position:absolute;inset:0;width:100%;height:100%}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-roof-diagram svg{display:block;width:100%;height:100%}
body.wzd-calculator-page #wdc-panel #wdc-real-preview [data-roof-view=detail] .wb-preview{background:#fff}
@media(max-width:760px){
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-vent-pattern-controls{padding:6px 8px}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-vent-pattern-options{gap:4px}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-vent-pattern-options button{height:40px;min-height:40px;padding:3px}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-vent-pattern-options canvas{width:30px;height:30px}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-vent-pattern-options span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-vent-pattern-actions{grid-template-columns:1fr 1fr 1fr;margin-top:5px;gap:4px}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-vent-pattern-actions button{min-height:28px;padding:3px 2px;font-size:10px}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-roof-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px 8px}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-roof-colors>span{grid-column:1/-1}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-roof-colors button{justify-content:center;padding:2px 3px;min-height:32px;font-size:10px;white-space:nowrap}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-roof-colors img{width:15px;height:24px}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-roof-controls button{font-size:10px}
}
/* Give the compact form a consistent rhythm, especially below the waste buttons. */
@media(max-width:760px){
 body.wzd-calculator-page #wdc-panel .wdc-cols{gap:16px}
 body.wzd-calculator-page #wdc-panel .wdc-conditions-card{margin-top:16px}
 body.wzd-calculator-page #wdc-panel .wdc-conditions-card .wdc-block{margin-bottom:16px}
 body.wzd-calculator-page #wdc-panel #wdc-waste-block{margin-bottom:0}
 body.wzd-calculator-page #wdc-panel .wdc-info-note{margin:12px 0 0;padding:9px 10px;gap:7px;font-size:12px;line-height:1.65}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview form{margin-top:14px}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wb-joint-color-hint{margin-top:8px}
 body.wzd-calculator-page #wdc-panel .wdc-result-box{margin-top:16px}
 body.wzd-calculator-page #wdc-panel .wdc-cta-quote-row{margin-top:12px}
}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-manual-face{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:0;margin:0 0 14px;padding:0;min-width:0}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-manual-face legend{font-size:12px;margin-bottom:6px;line-height:1.5}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-manual-face label{font-size:11px;display:grid;gap:4px;min-width:0}
body.wzd-calculator-page #wdc-vent-family{display:flex;gap:6px;margin:0 0 12px;flex-wrap:wrap}
body.wzd-calculator-page #wdc-vent-family[hidden],body.wzd-calculator-page .wdc-sv-btn[hidden]{display:none!important}
body.wzd-calculator-page #wdc-vent-family button{border:1px solid #e3dedb;border-radius:7px;background:#fff;color:#646267;min-height:34px;padding:5px 12px;font-size:12px;cursor:pointer}
body.wzd-calculator-page #wdc-vent-family button[aria-pressed=true]{border-color:#8e2521;background:#faf4f3;color:#8e2521}
@media(max-width:760px){body.wzd-calculator-page #wdc-vent-family{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}body.wzd-calculator-page #wdc-vent-family button{min-width:0;padding:5px 3px;font-size:11px}}
/* Rectangular vent units rotate with their footprint rather than stretching into a cell. */
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-rect-vent-active .wb-vent-pattern-options{display:none!important}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-rect-vent-active .wb-vent-pattern-controls{padding-top:0}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-rect-vent-active .wb-vent-pattern-actions{margin-top:0}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-rect-vent-controls [data-wdc-rect-orientation]{min-width:30px;font-size:18px;line-height:1;padding:4px 7px}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-rect-vent-controls button:disabled{opacity:.4;cursor:not-allowed}
body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-rect-vent-hint{display:block;padding:5px 8px;font-size:11px;line-height:1.5;color:#8e2521}
@media(max-width:760px){
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-rect-vent-controls{gap:6px}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-rect-vent-controls .wb-pattern-options{gap:3px}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-rect-vent-controls .wb-direction-options{flex:0 0 auto;border-left:1px solid var(--wb-line);padding-left:5px;gap:3px}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-rect-vent-controls [data-wdc-rect-orientation]{width:28px;min-width:28px;height:32px;padding:3px;font-size:17px}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-rect-vent-controls [data-wdc-rect-layout]{font-size:10px;padding:3px 4px}
}
@media(min-width:981px){
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-rect-vent-controls .wb-pattern-options{flex-wrap:nowrap}
 body.wzd-calculator-page #wdc-panel #wdc-real-preview .wdc-rect-vent-controls .wb-direction-options{grid-column:2;justify-self:center;flex-wrap:nowrap}
}