.calc-wrapper *,.calc-wrapper *:before,.calc-wrapper *:after{box-sizing:border-box}.calc-wrapper{max-width:1080px;margin:0 auto}.calc-intro{text-align:center;margin-bottom:3.2rem}.calc-intro h1{font-size:clamp(2.2rem,4vw,3rem);margin:0 0 .8rem}.calc-intro p{font-size:1.6rem;color:rgba(var(--color-foreground),.6);margin:0}.calc-project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-bottom:3.6rem}@media(min-width:480px){.calc-project-grid{grid-template-columns:repeat(4,1fr)}}.calc-project-card{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:2rem 1.2rem;background:rgb(var(--color-background));border:.2rem solid rgba(var(--color-foreground),.12);border-radius:8px;cursor:pointer;transition:border-color .15s,transform .1s,box-shadow .15s;text-align:center;width:100%}.calc-project-card:hover{border-color:rgba(var(--color-foreground),.35);box-shadow:0 4px 12px #00000014}.calc-project-card:active{transform:scale(.97)}.calc-project-card.is-active{border-color:rgb(var(--color-button));background:rgba(var(--color-button),.05)}.calc-project-icon{font-size:2.8rem;line-height:1}.calc-project-name{font-size:1.4rem;font-weight:700;color:rgb(var(--color-foreground))}.calc-project-desc{font-size:1.15rem;color:rgba(var(--color-foreground),.5);line-height:1.35}@media(min-width:768px){.calc-step0.is-collapsed{display:block}}.calc-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 0 2rem;gap:1.2rem}@media(min-width:768px){.calc-mobile-header{display:none}}.calc-back-btn{display:flex;align-items:center;gap:.6rem;background:none;border:none;cursor:pointer;font-size:1.4rem;color:rgb(var(--color-foreground));padding:0;font-weight:500}.calc-back-btn svg{flex-shrink:0}.calc-progress-dots{display:flex;gap:.6rem}.calc-dot{width:2.6rem;height:.4rem;border-radius:2px;background:rgba(var(--color-foreground),.15);transition:background .2s}.calc-dot.is-active{background:rgb(var(--color-button))}.calc-project-tabs{display:none}@media(min-width:768px){.calc-project-tabs{display:flex;gap:.4rem;margin-bottom:2.4rem;border-bottom:.2rem solid rgba(var(--color-foreground),.1);padding-bottom:0}}.calc-project-tab{padding:.9rem 1.6rem;font-size:1.4rem;font-weight:500;background:none;border:none;border-bottom:.3rem solid transparent;margin-bottom:-.2rem;cursor:pointer;color:rgba(var(--color-foreground),.55);transition:color .15s,border-color .15s;white-space:nowrap}.calc-project-tab:hover{color:rgb(var(--color-foreground))}.calc-project-tab.is-active{color:rgb(var(--color-foreground));border-bottom-color:rgb(var(--color-button));font-weight:700}.calc-layout{display:flex;flex-direction:column;gap:2rem}@media(min-width:768px){.calc-layout{flex-direction:row;align-items:flex-start;gap:3.2rem}.calc-form-col{flex:0 0 52%}.calc-results-col{flex:1;position:sticky;top:2rem}}.calc-step-heading{font-size:1.8rem;font-weight:700;margin:0 0 1.6rem}.calc-diagram{background:rgba(var(--color-foreground),.03);border:.1rem solid rgba(var(--color-foreground),.08);border-radius:8px;padding:1.2rem;margin-bottom:2rem;display:flex;justify-content:center}.calc-diagram svg{width:100%;max-width:340px;height:auto}.calc-tips{list-style:none;padding:0;margin:0 0 2.4rem;display:flex;flex-direction:column;gap:.8rem}.calc-tips li{display:flex;gap:.8rem;font-size:1.4rem;line-height:1.5;color:rgb(var(--color-foreground))}.calc-tips li:before{content:"\2713";flex-shrink:0;color:#16a34a;font-weight:700}.calc-section{background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:8px;padding:1.8rem;margin-bottom:1.2rem}.calc-section:last-of-type{margin-bottom:0}.calc-section-label{font-size:1.15rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(var(--color-foreground),.5);margin:0 0 1.2rem;display:block}.calc-dim-row{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.calc-field{flex:1;min-width:10rem}.calc-field label{display:flex;align-items:center;gap:.5rem;font-size:1.3rem;font-weight:600;margin-bottom:.5rem;color:rgb(var(--color-foreground))}.calc-input-group{display:flex;align-items:center;border:.15rem solid rgba(var(--color-foreground),.2);border-radius:6px;overflow:hidden;transition:border-color .15s}.calc-input-group:focus-within{border-color:rgb(var(--color-foreground))}.calc-input-group input[type=number]{flex:1;border:none;outline:none;background:transparent;font-size:1.7rem;font-weight:600;padding:.9rem 1rem;width:100%;color:rgb(var(--color-foreground));-moz-appearance:textfield}.calc-input-group input::-webkit-outer-spin-button,.calc-input-group input::-webkit-inner-spin-button{-webkit-appearance:none}.calc-input-unit{padding:0 1rem;font-size:1.3rem;color:rgba(var(--color-foreground),.45);background:rgba(var(--color-foreground),.04);border-left:.1rem solid rgba(var(--color-foreground),.1);height:100%;display:flex;align-items:center}.calc-dim-sep{font-size:2rem;color:rgba(var(--color-foreground),.3);padding-bottom:.7rem;flex-shrink:0}.calc-presets{margin-top:1rem}.calc-presets-label{font-size:1.2rem;color:rgba(var(--color-foreground),.5);margin-right:.6rem}.calc-preset-btns{display:inline-flex;flex-wrap:wrap;gap:.5rem;margin-top:.4rem}.calc-preset-btn{padding:.4rem .9rem;font-size:1.2rem;font-weight:600;border:.15rem solid rgba(var(--color-foreground),.2);border-radius:20px;background:transparent;cursor:pointer;color:rgb(var(--color-foreground));transition:background .12s,border-color .12s}.calc-preset-btn:hover{background:rgba(var(--color-button),.08);border-color:rgb(var(--color-button))}.calc-radio-group{display:flex;flex-direction:column;gap:.6rem}.calc-radio-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.2rem;border:.2rem solid rgba(var(--color-foreground),.12);border-radius:6px;cursor:pointer;transition:border-color .13s,background .13s}.calc-radio-card:hover{border-color:rgba(var(--color-foreground),.3)}.calc-radio-card:has(input:checked){border-color:rgb(var(--color-button));background:rgba(var(--color-button),.05)}.calc-radio-card input[type=radio]{margin-top:.1rem;flex-shrink:0;width:1.7rem;height:1.7rem;accent-color:rgb(var(--color-button));cursor:pointer}.calc-radio-content strong{display:block;font-size:1.35rem;font-weight:700}.calc-radio-content span{font-size:1.2rem;color:rgba(var(--color-foreground),.55)}.calc-radio-badge{font-size:1rem;font-weight:700;background:#fbbf24;color:#78350f;padding:.15rem .5rem;border-radius:10px;margin-left:.4rem;vertical-align:middle}.calc-color-group{display:flex;gap:1rem;flex-wrap:wrap}.calc-color-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.9rem 1.2rem;border:.2rem solid rgba(var(--color-foreground),.12);border-radius:8px;cursor:pointer;min-width:7rem;transition:border-color .13s}.calc-color-card:has(input:checked){border-color:rgb(var(--color-button))}.calc-color-card input[type=radio]{position:absolute;opacity:0;width:0;height:0}.calc-swatch{width:3rem;height:3rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.1)}.calc-swatch-clear{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0;background-color:#fff;border-color:#0000002e}.calc-swatch-bronze{background:linear-gradient(135deg,#c49a5a,#8b6432)}.calc-swatch-opal{background:linear-gradient(135deg,#f5f5f5,#d4d4d4)}.calc-color-name{font-size:1.2rem;font-weight:500}.calc-checkbox-row{display:flex;align-items:center;gap:.8rem;padding:1rem 1.2rem;background:rgba(var(--color-foreground),.03);border-radius:6px;cursor:pointer}.calc-checkbox-row input[type=checkbox]{width:1.7rem;height:1.7rem;flex-shrink:0;accent-color:rgb(var(--color-button));cursor:pointer}.calc-checkbox-row span{font-size:1.35rem}.calc-tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;border-radius:50%;background:rgba(var(--color-foreground),.12);font-size:1.05rem;font-weight:700;color:rgba(var(--color-foreground),.6);cursor:pointer;border:none;flex-shrink:0;transition:background .12s}.calc-tooltip-trigger:hover{background:rgba(var(--color-foreground),.22)}.calc-tooltip{display:none;position:absolute;z-index:20;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.25rem;line-height:1.5;padding:.8rem 1.1rem;border-radius:6px;max-width:24rem;box-shadow:0 4px 16px #0003;pointer-events:none}.calc-tooltip.is-open{display:block}.calc-tooltip-wrap{position:relative;display:inline-flex;align-items:center}.calc-next-btn{display:block;width:100%;margin-top:2rem;padding:1.4rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;border-radius:6px;font-size:1.5rem;font-weight:700;cursor:pointer;transition:opacity .15s}.calc-next-btn:hover{opacity:.88}@media(min-width:768px){.calc-next-btn{display:none}}.calc-results-col{background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:8px;min-height:26rem}.calc-results-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;padding:5rem 2rem;color:rgba(var(--color-foreground),.3);text-align:center;font-size:1.4rem;line-height:1.5}.calc-results-empty svg{opacity:.35}.calc-results-inner{padding:2rem 2.2rem}.calc-results-head{margin-bottom:1.4rem}.calc-results-title{font-size:1.7rem;font-weight:700;margin:0 0 .3rem}.calc-results-sub{font-size:1.3rem;color:rgba(var(--color-foreground),.55);margin:0}.calc-cover-note{font-size:1.25rem;color:rgba(var(--color-foreground),.55);background:rgba(var(--color-foreground),.04);border-radius:5px;padding:.7rem 1rem;margin-bottom:1.4rem;line-height:1.4}.calc-cover-note--warn{background:#fef9c3;color:#854d0e;border-left:3px solid #fbbf24;border-radius:0 5px 5px 0}.calc-table{width:100%;border-collapse:collapse;font-size:1.35rem;margin-bottom:1rem}.calc-table th{text-align:left;padding:.5rem .8rem;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgba(var(--color-foreground),.45);border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.calc-table th:not(:first-child),.calc-td-qty,.calc-td-price{text-align:right}.calc-table td{padding:.9rem .8rem;border-bottom:.1rem solid rgba(var(--color-foreground),.06);vertical-align:middle}.calc-td-name{line-height:1.35}.calc-td-qty{color:rgba(var(--color-foreground),.55);width:3.5rem}.calc-td-price{font-variant-numeric:tabular-nums;white-space:nowrap}.calc-table tfoot tr td{border-bottom:none;border-top:.2rem solid rgba(var(--color-foreground),.15);font-weight:700;font-size:1.55rem;padding-top:1rem}.calc-unavail{color:#dc2626;font-size:1rem}.calc-unavail-note,.calc-price-note{font-size:1.2rem;color:rgba(var(--color-foreground),.4);margin:.4rem 0 1.4rem}.calc-unavail-note a{color:inherit;text-decoration:underline}.calc-result-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.6rem}.calc-btn-primary{flex:1;min-width:13rem;display:inline-flex;align-items:center;justify-content:center;padding:1.2rem 1.8rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;border-radius:6px;font-size:1.4rem;font-weight:700;cursor:pointer;transition:opacity .15s,background .2s}.calc-btn-primary:hover:not(:disabled){opacity:.87}.calc-btn-primary:disabled{opacity:.55;cursor:not-allowed}.calc-btn-primary.is-success{background:#16a34a}.calc-btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:1.2rem 1.6rem;border:.15rem solid rgba(var(--color-foreground),.22);border-radius:6px;font-size:1.4rem;font-weight:600;color:rgb(var(--color-foreground));text-decoration:none;background:transparent;transition:border-color .15s;white-space:nowrap}.calc-btn-secondary:hover{border-color:rgba(var(--color-foreground),.5);text-decoration:none}.calc-contact-note{font-size:1.25rem;color:rgba(var(--color-foreground),.45);text-align:center}.calc-contact-note a{color:rgba(var(--color-foreground),.6);font-weight:600}@media(max-width:767px){.calc-section{padding:1.4rem}.calc-results-inner{padding:1.6rem}.calc-results-col{position:static;border:none;border-top:.2rem solid rgba(var(--color-foreground),.1);border-radius:0}.calc-table{font-size:1.25rem}.calc-td-name{font-size:1.2rem}}.calc-step0.is-collapsed{display:none}@media(min-width:768px){.calc-project-tabs{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/calculator.css.map */