:root{--bg:#f6f7f9;--card:#fff;--text:#172033;--muted:#687083;--border:#dfe3ea;--accent:#111827;--accent-soft:#eef0f4;--success:#0f766e;--danger:#b91c1c}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}.roof-calculator{max-width:1540px;margin:0 auto;padding:28px 16px}.rc-header{margin-bottom:22px}.rc-header h1{margin:0 0 8px;font-size:32px;line-height:1.15}.rc-header p{margin:0;color:var(--muted);font-size:16px}.rc-grid{display:grid;grid-template-columns:420px minmax(0,1fr);gap:18px;align-items:start}.rc-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:0 8px 22px #0f172a0d}.rc-results-card{position:sticky;top:16px;align-self:start}tr.material-row-changed td{animation:materialRowChanged 1.6s ease-out}@keyframes materialRowChanged{0%{background:#fef3c7}55%{background:#fffbeb}to{background:transparent}}.rc-card h2{margin:0 0 16px;font-size:21px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1 / -1}.field.is-hidden{display:none!important}.option-help{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.35}.form-section{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 0 16px;margin:0 0 16px;border-bottom:1px solid var(--border)}.form-section:last-of-type{border-bottom:0;margin-bottom:0;padding-bottom:0}.form-section-title{grid-column:1 / -1;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:-2px;display:flex;align-items:center;justify-content:space-between;gap:10px}.section-edit-btn{display:none;border:1px solid var(--border);background:#f9fafb;color:var(--accent);border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800;cursor:pointer;text-transform:none;letter-spacing:0}.form-section.is-collapsed .section-edit-btn{display:inline-flex}.form-section.is-collapsed .field,.form-section.is-collapsed .delivery-notice,.form-section.is-collapsed #metalManufacturerSlot,.form-section.is-collapsed #metalGaugeSlot{display:none!important}.form-section.is-collapsed{padding-bottom:12px;margin-bottom:12px}.form-section.is-active{border-color:#c7d2fe}.form-section .field.full{grid-column:1 / -1}.form-section .field.single,#membraneField{grid-column:1 / 2}#closureField{grid-column:2 / 3}#vmaxTowerVentField{grid-column:1 / 2}#metalManufacturerSlot,#metalGaugeSlot{display:flex;flex-direction:column;gap:6px}#metalManufacturerSlot.is-hidden,#metalGaugeSlot.is-hidden{display:none!important}@media(max-width:620px){.form-section{grid-template-columns:1fr}.form-section .field.full,.form-section .field.single,#membraneField,#closureField,#vmaxTowerVentField,#metalManufacturerSlot,#metalGaugeSlot{grid-column:1 / -1}}.field-spacer{visibility:hidden}label{font-size:13px;font-weight:700;color:#374151}input,select{width:100%;border:1px solid var(--border);border-radius:12px;padding:11px 12px;font-size:15px;background:#fff;color:var(--text)}input:focus,select:focus{outline:2px solid #c7d2fe;border-color:#818cf8}select option:disabled{color:#9ca3af;background:#f3f4f6}select.has-disabled-options{color:var(--text)}select.has-unavailable-gauge option:disabled{color:#9ca3af;background:#f3f4f6}input.invalid-number{border-color:#fca5a5;background:#fff1f2}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}button{border:0;border-radius:999px;padding:12px 18px;font-size:15px;font-weight:700;cursor:pointer}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--accent-soft);color:var(--accent)}.summary{display:grid;grid-template-columns:220px 1fr;gap:10px;margin-bottom:18px;align-items:stretch}.summary-box{background:#f9fafb;border:1px solid var(--border);border-radius:14px;padding:12px;text-align:left}.summary-box span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.summary-box strong{display:block;font-size:18px;text-align:left}.summary-box.details strong{line-height:1.35;white-space:pre-line}.totals-box{max-width:360px;margin:16px 0 0 auto;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff}.totals-row{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;border-bottom:1px solid var(--border);font-size:15px}.totals-row:last-child{border-bottom:0}.totals-row strong{font-size:17px}.table-wrap{overflow-x:hidden;border:1px solid var(--border);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:860px;background:#fff}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--border);vertical-align:top;font-size:14px}th{background:#f9fafb;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#4b5563}td:first-child{overflow-wrap:anywhere}tr:last-child td{border-bottom:0}.qty{font-weight:800;color:var(--success);white-space:nowrap}.money{font-weight:800;white-space:nowrap}.material-subnote{margin-top:4px;font-size:12px;color:#6b7280;font-weight:500}.qty-input{width:84px;padding:8px 10px;border-radius:10px;font-weight:800;color:var(--success)}.remove-row-btn{border:1px solid #fecaca;background:#fff1f2;color:var(--danger);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.input-lock-wrap{position:relative}.input-lock-wrap.is-locked .form-grid{opacity:.38;filter:grayscale(1);pointer-events:none;-webkit-user-select:none;user-select:none}.restore-suggested-list{display:none;position:absolute;left:50%;top:110px;transform:translate(-50%);z-index:5;width:calc(100% - 38px);max-width:360px;border:1px solid #c7d2fe;background:#fff;color:var(--accent);box-shadow:0 12px 28px #0f172a2e;border-radius:999px;padding:12px 16px;font-size:14px;font-weight:800}.input-lock-wrap.is-locked .restore-suggested-list{display:block}.edit-warning{margin:0 0 12px;padding:10px 12px;border:1px solid #fde68a;background:#fffbeb;color:#92400e;border-radius:12px;font-size:13px;line-height:1.4}.materials-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.list-status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800;border:1px solid #99f6e4;background:#ecfdf5;color:#065f46}.list-status-badge.edited{border-color:#fde68a;background:#fffbeb;color:#92400e}.restore-removed-btn{display:none;border:1px solid var(--border);background:#f9fafb;color:var(--accent);border-radius:999px;padding:9px 13px;font-size:13px;font-weight:800;cursor:pointer}.restore-removed-btn.visible{display:inline-flex}.note{color:var(--muted);font-size:13px;line-height:1.45}.pro-mode-card{border:1px dashed var(--border);border-radius:14px;padding:12px;background:#f9fafb}.pro-mode-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--accent)}.pro-mode-toggle input{width:auto;margin:0}.pro-mode-panel{margin-top:12px}.pro-pitch-rows{display:flex;flex-direction:column;gap:10px}.pro-pitch-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;padding:10px;border:1px solid var(--border);border-radius:12px;background:#fff}.pro-pitch-row .field{gap:5px}.pro-remove-row-btn{border:1px solid #fecaca;background:#fff1f2;color:var(--danger);padding:10px 12px;border-radius:999px;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.pro-mode-actions{margin-top:10px}.pro-add-row-btn{padding:9px 13px;font-size:13px}.pro-mode-summary{margin-top:10px;padding:10px 12px;border-radius:12px;background:#ecfdf5;border:1px solid #99f6e4;color:#065f46;font-size:13px;line-height:1.45}.pro-mode-summary.warning-summary{background:#fffbeb;border-color:#fde68a;color:#92400e}@media(max-width:620px){.pro-pitch-row{grid-template-columns:1fr}.pro-remove-row-btn{width:100%}}.project-help{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.35}.delivery-notice{grid-column:1 / -1;padding:10px 12px;border:1px solid #fde68a;background:#fffbeb;border-radius:12px;color:#92400e;font-size:13px;line-height:1.4}.tag{display:inline-block;margin:2px 4px 0 0;border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:12px;color:#4b5563;background:#f9fafb}.warning,.cart-message{margin-top:16px;padding:12px 14px;border-radius:14px;font-size:14px;line-height:1.45}.warning{border:1px solid #fecaca;background:#fff1f2;color:var(--danger)}.cart-message{border:1px solid var(--border);background:#f9fafb;color:var(--text)}.cart-message.success{border-color:#99f6e4;background:#ecfdf5;color:#065f46}.cart-message.error{border-color:#fecaca;background:#fff1f2;color:var(--danger)}@media(max-width:1000px){.rc-grid,.summary{grid-template-columns:1fr}.rc-results-card{position:static}}@media(max-width:620px){.form-grid,.summary{grid-template-columns:1fr}.rc-header h1{font-size:26px}}.flashing-breakdown-list{margin:8px 0 0;padding:8px 10px 8px 22px;border:1px solid var(--border);border-radius:12px;background:#f9fafb;color:#4b5563;font-size:12px;line-height:1.45}.flashing-breakdown-list li{margin:2px 0}.material-hover-title{cursor:help;text-decoration:underline dotted;text-underline-offset:3px;transition:color .18s ease}.material-hover-title:hover{color:#111827}.product-hover-card{position:fixed;z-index:99999;display:none;width:340px;border:1px solid var(--border);border-radius:18px;background:var(--card);box-shadow:0 18px 42px #0f172a2e;overflow:hidden;pointer-events:none;animation:productHoverFade .16s ease-out}@keyframes productHoverFade{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.product-hover-image-wrap{width:100%;height:220px;background:#f9fafb;border-bottom:1px solid var(--border);overflow:hidden}.product-hover-image{width:100%;height:100%;object-fit:cover;display:block}.product-hover-content{padding:14px}.product-hover-title-text{margin:0 0 8px;font-size:15px;font-weight:800;color:var(--text);line-height:1.3}.product-hover-description{margin:0 0 12px;font-size:12px;line-height:1.5;color:var(--muted);max-height:108px;overflow:hidden}.product-hover-meta{display:flex;flex-wrap:wrap;gap:8px}.product-hover-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;border:1px solid var(--border);background:#f9fafb;color:#374151}@media(max-width:640px){.product-hover-card{width:calc(100vw - 32px);max-width:340px}.product-hover-image-wrap{height:190px}}.cascadia-native-color-select{display:none!important}.cascadia-color-picker{position:relative;width:100%}.cascadia-color-picker[hidden]{display:none!important}.cascadia-color-button{width:100%;height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:12px;padding:11px 12px;background:#fff;color:var(--text);font-size:15px;font-weight:400;text-align:left;cursor:pointer}.cascadia-color-button:focus{outline:2px solid #c7d2fe;border-color:#818cf8}.cascadia-color-button-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cascadia-color-button-arrow{flex:0 0 auto;color:var(--accent);font-size:14px}.cascadia-color-menu{position:absolute;z-index:80;left:0;top:calc(100% + 6px);display:none;width:100%;max-height:270px;overflow-y:auto;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:0 16px 36px #0f172a29;padding:6px}.cascadia-color-picker.is-open .cascadia-color-menu{display:block}.cascadia-color-option{width:100%;display:block;border:0;border-radius:10px;background:transparent;color:var(--text);padding:9px 10px;font-size:14px;font-weight:600;text-align:left;cursor:pointer}.cascadia-color-option:hover,.cascadia-color-option:focus,.cascadia-color-option[aria-selected=true]{background:#f3f4f6;outline:none}.cascadia-color-preview-card{position:absolute;z-index:90;left:calc(100% + 12px);top:0;width:400px;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:0 18px 42px #0f172a2e;pointer-events:none}.cascadia-color-preview-card[hidden]{display:none!important}.cascadia-color-preview-image-wrap{width:400px;height:199px;display:flex;align-items:center;justify-content:center;background:#f9fafb;border-bottom:1px solid var(--border);color:var(--muted);font-size:12px;font-weight:700}.cascadia-color-preview-image{width:400px;height:199px;object-fit:cover;display:block}.cascadia-color-preview-body{padding:12px 14px 13px}.cascadia-color-preview-body strong,.cascadia-color-preview-body span{display:block}.cascadia-color-preview-body strong{font-size:15px;line-height:1.25;color:var(--text)}.cascadia-color-preview-body span{margin-top:4px;font-size:12px;line-height:1.35;color:var(--muted)}@media(max-width:640px){.cascadia-color-menu{position:static;margin-top:6px;max-height:240px}.cascadia-color-preview-card{position:static;width:100%;margin-top:10px}.cascadia-color-preview-image-wrap,.cascadia-color-preview-image{width:100%;height:auto;aspect-ratio:400 / 199}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/roof-calculator.css.map */