body[data-page="calculator"]{background:#fff;color:#13213a}body[data-page="calculator"] .front-main{max-width:1600px;width:100%;padding:20px 24px}body[data-page="calculator"] .front-breadcrumb,body[data-page="calculator"] .customer-nav{display:none}.calculator-heading{display:flex;align-items:center;justify-content:center;position:relative;margin:0 0 20px}.calculator-heading h1{font-size:30px;font-weight:800;margin:0}.calculator-heading>a{position:absolute;right:0;font-size:13px;color:#64748b}.calculator-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(380px,1fr);gap:16px;align-items:start}.calculator-preview{position:sticky;top:20px;border:1px solid #e1e5eb;border-radius:12px;overflow:hidden;background:#f8f9fc}.calculator-preview .viewer{height:calc(100vh - 210px);min-height:650px;border:0;border-radius:0;margin:0;background:#f8f9fc}.calculator-preview-caption{padding:12px 18px;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#697589;background:#fff}.calculator-settings,.calculator-total{border:1px solid #e1e5eb;border-radius:12px;background:white;box-shadow:0 2px 8px #14233c08;overflow:hidden}.calculator-section,.calculator-files{padding:16px;border:0;border-bottom:1px solid #e9ecf1;margin:0;min-width:0}.calculator-section legend,.calculator-section>label,.calculator-material label,.calculator-material legend{font-size:15px;font-weight:700;margin:0 0 10px;float:none;width:auto}.calculator-section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.calculator-section-heading h2,.calculator-price-heading h2{font-size:17px;font-weight:700;margin:0}.calculator-add{background:#ff5412;color:white;padding:7px 18px;border-radius:9px;cursor:pointer;font-weight:600}.calculator-add:focus-within{outline:2px solid #218bff}.calculator-file{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e5e7ed;border-radius:10px}.calculator-file-icon{display:grid;place-items:center;width:64px;height:64px;flex-shrink:0;background:#f5f6f8;border:1px solid #e7e9ef;border-radius:9px;font-size:38px;color:#8591a3}.calculator-file>div{min-width:0;flex:1}.calculator-file strong{display:block;overflow-wrap:anywhere;font-size:14px}.calculator-file small,.calculator-files>small{display:block;color:#697589;font-size:11px;margin-top:5px}.calculator-file button{border:0;background:none;font-size:24px;color:#64748b}.calculator-dimensions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.calculator-dimensions label{display:flex;align-items:center;gap:8px}.calculator-dimensions label>span,.calculator-unit{display:flex;align-items:center;border:1px solid #dde2ea;border-radius:7px;min-width:0;padding-right:10px}.calculator-dimensions input,.calculator-unit input{width:100%;min-width:0;border:0;background:transparent;padding:8px;font-size:13px;color:#202b3d}.calculator-dimensions small,.calculator-unit span{font-size:11px;color:#697589}.axis-x b{color:#ff5412}.axis-y b{color:#36bf3d}.axis-z b{color:#218bff}.calculator-scale{font-size:11px;color:#697589;margin-top:8px}.calculator-scale input{width:100px;border:1px solid #dde2ea;border-radius:6px;padding:5px;margin:6px}.calculator-scale p{margin:4px 0}.calculator-material{display:grid;grid-template-columns:1fr 1.35fr;gap:20px}.calculator-material fieldset{min-width:0}.calculator-material .form-select{font-size:13px;border-color:#dde2ea;border-radius:7px}.calculator-material #color-swatches{display:flex;flex-wrap:wrap;gap:7px}.calculator-material .color-choice{padding:3px!important;border:1px solid transparent!important;border-radius:50%!important;background:transparent!important;width:30px;height:30px;min-width:0;box-shadow:none!important}.calculator-material .color-choice[aria-pressed="true"]{border-color:#ff5412!important}.calculator-material .color-choice .color-chip{display:block;width:22px;height:22px;border-radius:50%;border:1px solid #0002}.calculator-material .color-choice>span+span{display:none}#color-selection{font-size:10px;color:#697589;margin:6px 0 0}.calculator-options{display:flex;gap:8px}.calculator-options button{flex:1;min-width:0;background:white;border:1px solid #dde2ea;border-radius:6px;padding:7px 5px;color:#263044;font-size:13px;transition:border-color .15s,background .15s}.calculator-options button:hover{border-color:#ff5412}.calculator-options button[aria-pressed="true"]{border-color:#ff5412;background:#fff8f4;color:#172033;font-weight:600}.calculator-options small{display:block;font-size:10px;color:#697589;font-weight:400;margin-top:3px}.calculator-layers{flex-wrap:wrap}.calculator-layers button{flex-basis:65px}.calculator-tip{display:block;color:#218bff;font-size:11px;margin-top:7px}.calculator-total{margin-top:10px;padding:16px}.calculator-price-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}#price{color:#ff5412;font-size:28px;font-weight:800;white-space:nowrap}#estimate{font-size:11px;color:#697589;text-align:right;margin:5px 0 8px}.calculator-breakdown,.calculator-coupon{font-size:11px;color:#697589;margin:8px 0}.calculator-notice{border:1px solid #ffdfa4;background:#fff8e9;color:#a86b06;border-radius:7px;padding:9px 12px;font-size:12px;margin:10px 0}.calculator-total #request-order{background:#ff5412!important;border-color:#ff5412!important;border-radius:7px;font-size:17px;font-weight:700;padding:11px}.calculator-total #request-order:disabled{opacity:.45}.calculator-footnote{display:block;text-align:center;color:#7a8595;font-size:10px;margin-top:10px}#print-coupon-status{font-size:11px;margin:6px 0}.calculator-preview .viewer-toolbar{position:absolute;top:20px;left:50%;transform:translateX(-50%);display:flex;flex-wrap:nowrap;background:#fff;border:1px solid #e5e8ee;border-radius:10px;padding:5px;box-shadow:0 2px 8px #14233c0d}.calculator-preview .viewer-tool{background:white;border:0;border-radius:6px;color:#64748b;font-size:12px;padding:10px;min-height:40px}.calculator-preview .viewer-tool[aria-pressed="true"]{background:#218bff;color:white}.calculator-preview .viewer-actions{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;flex-wrap:wrap;width:max-content;max-width:90%;padding:5px;border-radius:10px;background:white;border:1px solid #e5e8ee;box-shadow:0 2px 8px #14233c0d}.calculator-preview .viewer-empty{color:#64748b}.calculator-preview .viewer-empty-icon{background:#edf5ff;color:#218bff}.calculator-options button:focus-visible,.calculator-add:focus-visible{outline:3px solid #218bff;outline-offset:2px}@media(max-width:1050px){.calculator-workspace{grid-template-columns:minmax(0,1.2fr) minmax(350px,1fr)}.calculator-material{grid-template-columns:1fr}.calculator-preview .viewer{min-height:580px}.calculator-heading>a{display:none}}@media(max-width:760px){body[data-page="calculator"] .front-main{padding:14px 12px}.calculator-heading h1{font-size:23px}.calculator-workspace{grid-template-columns:1fr}.calculator-preview{position:relative;top:auto}.calculator-preview .viewer{height:460px;min-height:0}.calculator-material{grid-template-columns:1fr 1.2fr}.calculator-preview-caption{flex-direction:column;gap:3px}.calculator-dimensions{gap:8px}.calculator-section{padding:14px}.calculator-heading{margin-bottom:14px}}@media(prefers-reduced-motion:reduce){.calculator-options button{transition:none}}
body.front-body[data-page="calculator"] main.front-main{max-width:1600px!important;padding:20px 24px!important}body[data-page="calculator"] .ux-breadcrumb{display:none!important}body[data-page="calculator"] #scale-fields{background:#fff!important;padding:16px!important;border-radius:0!important}.calculator-section legend{padding:0;margin-bottom:10px}.calculator-preview .viewer-toolbar{right:auto;bottom:auto}.calculator-preview .viewer-actions{right:auto;top:auto}.calculator-preview .viewer-empty-icon{border-color:#dde8f7;transform:none}@media(max-width:760px){body.front-body[data-page="calculator"] main.front-main{padding:14px 12px!important}}
.calculator-material:has(> #wall[type="hidden"]){grid-template-columns:1fr}

.calculator-start{display:inline-block;margin-top:8px;padding:8px 12px;border:1px solid #d94c12;border-radius:8px;color:#9b3108;font-size:14px;font-weight:700;text-decoration:none}.calculator-start:focus-visible,.calculator-files:focus-visible{outline:3px solid #168aef;outline-offset:3px}#calculator-files{scroll-margin-top:20px}
.calculator-files:has(#model:focus-visible) .calculator-add{outline:3px solid #168aef;outline-offset:3px}
.calculator-material .color-choice{width:44px;height:44px;display:grid;place-items:center}

/* Warm storefront theme for the print estimator. */
body.front-body[data-page="calculator"]{background:#fffcfa;color:#09132d}
body.front-body[data-page="calculator"] main.front-main{max-width:1440px!important;padding:30px 30px 56px!important}
.calculator-heading{justify-content:space-between;gap:24px;padding:32px 36px;margin-bottom:24px;border:1px solid #f0ded0;border-radius:24px;background:linear-gradient(115deg,#fff0e4,#fffaf6);text-align:left}
.calculator-kicker{display:block;color:#bd4310;font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:12px}
.calculator-heading h1{color:#09132d;font-size:clamp(26px,3vw,40px);line-height:1.4;letter-spacing:-.6px}
.calculator-heading h1 em{color:#d64b10;font-style:normal}
.calculator-heading p{max-width:640px;color:#786354;font-size:14px;line-height:1.85;margin:12px 0 8px}
.calculator-heading>a{position:static;flex-shrink:0;color:#a63d16;border:1px solid #eacbb5;border-radius:12px;padding:12px 16px;background:#ffffffb3;text-decoration:none}
.calculator-start{background:#c74710;border-color:#c74710;color:#fff;border-radius:10px;padding:11px 18px;min-height:44px}
.calculator-start:hover{background:#a9370b;color:#fff}
.calculator-workspace{gap:22px}
.calculator-preview,.calculator-settings,.calculator-total{border-color:#eddfd3;border-radius:20px;box-shadow:0 6px 24px #5d331708}
.calculator-preview,.calculator-preview .viewer{background:#f6f1eb}
.calculator-preview .viewer{min-height:560px;height:calc(100vh - 170px);max-height:850px}
.calculator-preview-caption{border-top:1px solid #ede3db;background:#fffaf6;color:#786354;line-height:1.7}
.calculator-section,.calculator-files{padding:20px;border-bottom-color:#f0e7df}
body[data-page="calculator"] #scale-fields{padding:20px!important}
.calculator-section-heading h2,.calculator-price-heading h2,.calculator-section legend,.calculator-section>label,.calculator-material label,.calculator-material legend{color:#09132d}
.calculator-add{background:#c74710;border-radius:10px;min-height:44px;display:inline-flex;align-items:center}
.calculator-add:hover{background:#a9370b}
.calculator-file{background:#fffaf6;border:1px dashed #dfbfa7;border-radius:14px}
.calculator-file-icon{background:#ffede0;color:#c74710;border-color:#f0d6c3;border-radius:12px}
.calculator-file small,.calculator-files>small,.calculator-scale,.calculator-options small,#color-selection,.calculator-footnote,#estimate{color:#786c64}
.calculator-dimensions label>span,.calculator-scale input,.calculator-material .form-select,.calculator-options button{border-color:#e7d8cc;border-radius:10px}
.calculator-options{gap:7px;flex-wrap:wrap}
.calculator-options button{min-height:44px;flex-basis:42px;color:#4e4037}
.calculator-options button:hover{border-color:#c74710;background:#fffaf6}
.calculator-options button[aria-pressed="true"]{border-color:#c74710;background:#fff0e4;color:#a6380c;box-shadow:inset 0 0 0 1px #c74710}
.calculator-layers button{flex-basis:72px;min-height:58px}
.calculator-material .color-choice[aria-pressed="true"]{border-color:#c74710!important}
.calculator-tip{color:#a63d16}
.calculator-total{margin-top:18px;padding:22px;background:linear-gradient(145deg,#fff,#fff7f0)}
#price{color:#c74710;font-size:30px}
.calculator-price-heading{align-items:center;flex-wrap:wrap}
.calculator-notice{background:#fff1e2;border-color:#f0d6bd;color:#895126;border-radius:10px;line-height:1.75}
.calculator-total #request-order{background:#c74710!important;border-color:#c74710!important;border-radius:12px;font-size:15px;min-height:48px}
.calculator-total #request-order:hover:not(:disabled){background:#a9370b!important;border-color:#a9370b!important}
.calculator-coupon .btn{color:#a63d16;border-color:#d4a485;background:#fffaf6}
.calculator-preview .viewer-toolbar,.calculator-preview .viewer-actions{border-color:#eadbce;border-radius:14px;box-shadow:0 5px 18px #5d33170d}
.calculator-preview .viewer-tool{color:#786354}
.calculator-preview .viewer-tool[aria-pressed="true"]{background:#c74710;color:#fff}
.calculator-preview .viewer-empty{color:#786354}
.calculator-preview .viewer-empty-icon{background:#ffede0;color:#c74710;border-color:#efd3be}
@media(max-width:1050px){.calculator-heading{padding:28px}.calculator-preview .viewer{min-height:520px}.calculator-heading>a{display:inline-flex}}
@media(max-width:760px){body.front-body[data-page="calculator"] main.front-main{padding:18px 14px 36px!important}.calculator-heading{padding:24px 20px;align-items:flex-start;flex-direction:column;gap:16px;border-radius:20px}.calculator-heading h1{font-size:27px}.calculator-heading p{font-size:13px}.calculator-heading>a{padding:0;border:0;background:none}.calculator-workspace{gap:16px}.calculator-preview .viewer{height:420px;min-height:0}.calculator-section,.calculator-files{padding:16px}body[data-page="calculator"] #scale-fields{padding:16px!important}.calculator-material{gap:14px}.calculator-total{padding:20px}.calculator-kicker{font-size:10px}}
@media(max-width:380px){.calculator-material{grid-template-columns:1fr}.calculator-heading h1{font-size:24px}.calculator-preview .viewer{height:360px}}

/* Illustrated calculator hero. */
.calculator-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);padding:0;overflow:hidden;gap:0}
.calculator-heading>div{padding:32px 36px;position:relative;z-index:1}
.calculator-heading-art{display:block;width:100%;height:100%;max-height:340px;object-fit:cover;object-position:center;align-self:stretch;mask-image:linear-gradient(90deg,transparent,#000 16%)}
@media(max-width:1050px){.calculator-heading{padding:0}.calculator-heading>div{padding:28px}.calculator-heading-art{min-height:290px}}
@media(max-width:760px){.calculator-heading{grid-template-columns:1fr;padding:0}.calculator-heading>div{padding:24px 20px}.calculator-heading-art{height:auto;min-height:0;max-height:260px;object-position:center 60%;mask-image:linear-gradient(180deg,transparent,#000 12%)}}
