@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-font-weight:initial}::backdrop{--tw-font-weight:initial}}}body.kalkulator-page{background:var(--bg-beige);color:var(--text-dark);min-height:100vh;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.calc-container{max-width:900px;margin-inline:auto;margin-block:calc(var(--spacing,.25rem) * 0);padding:calc(var(--spacing,.25rem) * 10);border-radius:var(--radius-lg,.5rem);background:#fff}.calc-container h2{text-align:center;color:var(--text-dark);margin-bottom:calc(var(--spacing,.25rem) * 2);font-size:var(--text-4xl,2.25rem);line-height:var(--tw-leading,var(--text-4xl--line-height,calc(2.5 / 2.25)))}.subtitle{text-align:center;color:#b8b8b8;margin-bottom:calc(var(--spacing,.25rem) * 7);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.progress-steps{margin-bottom:calc(var(--spacing,.25rem) * 10);justify-content:space-between;display:flex;position:relative}.progress-steps:before{content:"";z-index:0;background:#b8b8b8;height:2px;position:absolute;top:20px;left:0;right:0}.progress-line{background:var(--primary-green);z-index:1;height:2px;position:absolute;top:20px;left:0}.step{text-align:center;z-index:2;flex:1;position:relative}.step-circle{--tw-font-weight:var(--font-weight-bold,700);width:40px;height:40px;font-weight:var(--font-weight-bold,700);background:#fff;border:3px solid #b8b8b8;border-radius:3.40282e38px;justify-content:center;align-items:center;margin:0 auto 8px;transition:background-color .3s,color .3s,border-color .3s;display:flex}.step.active .step-circle,.step.completed .step-circle{border-color:var(--primary-green);background:var(--primary-green);color:#fff}.step-label{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:#b8b8b8;--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.form-section{margin-bottom:calc(var(--spacing,.25rem) * 7);padding:calc(var(--spacing,.25rem) * 5);background:var(--bg-beige);opacity:1;border-radius:.25rem}.calc-container .section-title{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);margin-bottom:calc(var(--spacing,.25rem) * 4);color:var(--text-dark);align-items:center;gap:calc(var(--spacing,.25rem) * 2);margin-top:0;display:flex}.calc-container .section-title:before{content:"";background:var(--primary-green);border-radius:2px;width:4px;height:20px}.options-grid{gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;display:flex}.option-btn{background-color:var(--white);cursor:pointer;min-width:80px;height:52px;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:#555;text-align:center;border:1px solid #b8b8b8;border-radius:3.40282e38px;flex:1 0 calc(20% - 10px);justify-content:center;align-items:center;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.option-btn:hover{border-color:var(--primary-green)}.option-btn.active{background:var(--primary-green);border-color:var(--primary-green);color:#fff}.input-row{gap:calc(var(--spacing,.25rem) * 5);margin-bottom:calc(var(--spacing,.25rem) * 5);display:flex}.input-group{flex:1;position:relative}.input-group label{margin-bottom:calc(var(--spacing,.25rem) * 2);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--text-dark);display:block}.input-group input{width:100%;height:52px;padding-inline:calc(var(--spacing,.25rem) * 4);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));border:1px solid #b8b8b8;border-radius:3.40282e38px;transition:background-color .3s,color .3s,border-color .3s}.input-group input:focus{border-color:var(--primary-green);outline:none}.add-btn{color:#fff;padding-inline:calc(var(--spacing,.25rem) * 7);padding-block:calc(var(--spacing,.25rem) * 4);cursor:pointer;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);width:100%;font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border:none;border-radius:3.40282e38px;transition:background-color .3s,color .3s,border-color .3s;display:flex;background-color:var(--accent-orange)!important}.add-btn:hover{filter:brightness(.9)}.add-btn:disabled{cursor:not-allowed;background:#b8b8b8}.product-summary{background:var(--bg-beige);padding:calc(var(--spacing,.25rem) * 5);margin-bottom:calc(var(--spacing,.25rem) * 5);border-radius:.25rem}.product-summary-title{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--text-dark);margin-bottom:calc(var(--spacing,.25rem) * 4)}.summary-item{padding-inline:calc(var(--spacing,.25rem) * 0);padding-block:calc(var(--spacing,.25rem) * 2);border-bottom:1px solid #b8b8b8;justify-content:space-between;display:flex}.summary-item:last-child{border-bottom:none}.summary-label{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--text-dark)}.summary-value{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--text-dark)}.summary-note{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:#555;margin-top:calc(var(--spacing,.25rem) * 2);text-align:center;font-style:italic}.price-card{border:2px solid var(--primary-green);padding:calc(var(--spacing,.25rem) * 6);text-align:center;margin-inline:calc(var(--spacing,.25rem) * 0);margin-block:calc(var(--spacing,.25rem) * 5);background:#fff;border-radius:.25rem}.price-card-title{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:#b8b8b8;margin-bottom:calc(var(--spacing,.25rem) * 2);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.price-main{font-size:var(--text-4xl,2.25rem);line-height:var(--tw-leading,var(--text-4xl--line-height,calc(2.5 / 2.25)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--primary-green);margin-bottom:calc(var(--spacing,.25rem) * 2)}.price-details{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:#b8b8b8;margin-bottom:calc(var(--spacing,.25rem) * 1)}.price-unit{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:#b8b8b8;margin-top:calc(var(--spacing,.25rem) * 2)}.length-visualization{margin-top:calc(var(--spacing,.25rem) * 5);padding-top:calc(var(--spacing,.25rem) * 10);padding-right:calc(var(--spacing,.25rem) * 14);padding-bottom:calc(var(--spacing,.25rem) * 10);padding-left:calc(var(--spacing,.25rem) * 0);border-radius:var(--radius-md,.375rem);background:#fff;display:none;position:relative;overflow:hidden}.plank-wrapper{width:100%;height:100%;padding:calc(var(--spacing,.25rem) * 5);justify-content:center;align-items:center;display:flex;position:relative}.length-visualization.show{display:block}.viz-title{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:#b8b8b8;margin-bottom:calc(var(--spacing,.25rem) * 2)}.wood-plank{background:var(--bg-beige);margin-top:calc(var(--spacing,.25rem) * 10);margin-right:calc(var(--spacing,.25rem) * 10);margin-bottom:calc(var(--spacing,.25rem) * 5);border-radius:2px;transition:background-color .3s,color .3s,border-color .3s;position:relative}.wood-plank:before{content:"";width:100%;height:var(--depth,20px);background:var(--bg-beige);transform-origin:0 100%;border-top:1px solid #fff3;border-left:1px solid #fff3;position:absolute;bottom:100%;left:0}.wood-plank:after{content:"";width:var(--depth,20px);background:var(--bg-beige);transform-origin:0 100%;border-bottom:1px solid #1510101a;border-right:1px solid #1510101a;height:100%;position:absolute;top:0;left:100%}.wood-plank-texture{opacity:.1;pointer-events:none;background:repeating-linear-gradient(90deg,#0000,#0000 10px,#1510101a 10px 11px);position:absolute;inset:0}.wood-label{color:var(--text-dark);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-shadow:none;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));z-index:10;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1);white-space:nowrap;background:#ffffffe6;border-radius:.25rem;position:absolute;top:50%;left:50%}.dimension-label{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:#666;margin-top:calc(var(--spacing,.25rem) * 1)}.cart-section{margin-top:calc(var(--spacing,.25rem) * 12);border-top:3px solid var(--primary-green);padding-top:calc(var(--spacing,.25rem) * 7)}.cart-header{margin-bottom:calc(var(--spacing,.25rem) * 5);justify-content:space-between;align-items:center;display:flex}.cart-count{background:var(--primary-green);color:#fff;padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 1);border-radius:var(--radius-xl,.75rem);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.calc-container table{border-collapse:collapse;width:100%;margin-bottom:calc(var(--spacing,.25rem) * 5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));border-radius:var(--radius-md,.375rem);background:#fff;overflow:hidden}.calc-container th{text-align:left;padding:calc(var(--spacing,.25rem) * 4);background:var(--text-dark);color:#fff;--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.calc-container td{padding:calc(var(--spacing,.25rem) * 4);border-bottom:1px solid #b8b8b8}.calc-container tr:last-child td{border-bottom:none}.calc-container tr:hover{background:var(--bg-beige)}.remove-btn{color:#fff;background:var(--accent-orange);cursor:pointer;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1);border:none;border-radius:4px;transition:background-color .3s,color .3s,border-color .3s}.remove-btn:hover{background:var(--accent-orange)}.total-row{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-align:right;color:var(--primary-green,#083630);padding:calc(var(--spacing,.25rem) * 5);background:var(--white);border-radius:var(--radius-md,.375rem);margin-bottom:calc(var(--spacing,.25rem) * 5)}.contact-form{background:var(--bg-beige);padding:calc(var(--spacing,.25rem) * 7);border-radius:.25rem}.contact-form input{margin-bottom:calc(var(--spacing,.25rem) * 4)}.submit-order-btn{width:100%;padding:calc(var(--spacing,.25rem) * 4);background:var(--primary-green);color:#fff;font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);cursor:pointer;border:none;border-radius:3.40282e38px;transition:background-color .3s,color .3s,border-color .3s}.submit-order-btn:hover{background:var(--primary-green)}.toast{background:var(--primary-green);color:#fff;padding-inline:calc(var(--spacing,.25rem) * 6);padding-block:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius-md,.375rem);opacity:0;pointer-events:none;z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:30px;right:30px;transform:translateY(100px)}.length-control-container{align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}.length-input-wrapper{flex-direction:column;flex-grow:1;align-items:center;display:flex;position:relative}.length-input-wrapper input[type=number]{text-align:center;width:100%;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);padding:calc(var(--spacing,.25rem) * 2);margin-bottom:calc(var(--spacing,.25rem) * 1);border-radius:var(--radius-sm,.25rem);border:1px solid #ddd}.length-input-wrapper input[type=range]{cursor:pointer;width:100%;accent-color:var(--primary-green);height:6px;margin-top:calc(var(--spacing,.25rem) * 1)}.preset-btn{background:var(--white);color:#555;padding:calc(var(--spacing,.25rem) * 2);cursor:pointer;--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));white-space:nowrap;border:1px solid #b8b8b8;border-radius:12px;align-items:center;height:40px;transition:background-color .2s,color .2s,border-color .2s;display:flex}.preset-btn:hover{color:var(--text-dark);background:#b8b8b8;border-color:#bbb}.length-control-wrapper{gap:calc(var(--spacing,.25rem) * 2);flex-direction:column;width:100%;display:flex}.length-top-row{align-items:flex-end;gap:calc(var(--spacing,.25rem) * 2);display:flex}.preset-wrapper{align-items:center;gap:calc(var(--spacing,.25rem) * 0);flex-direction:column;display:flex}.preset-label{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:#999;text-transform:uppercase;--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.length-main-input{text-align:center;font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);padding:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-sm,.25rem);border:1px solid #ddd;flex-grow:1;height:44px}.length-slider{cursor:pointer;width:100%;accent-color:var(--primary-green);height:6px}button.preset-btn{background:var(--white);color:#555;padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 0);cursor:pointer;--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));white-space:nowrap;border:1px solid #b8b8b8;border-radius:12px;justify-content:center;align-items:center;height:44px;transition:background-color .2s,color .2s,border-color .2s;display:flex}button.preset-btn:hover{color:var(--text-dark);background:#b8b8b8;border-color:#bbb}.quantity-control-wrapper{align-items:center;gap:calc(var(--spacing,.25rem) * 1);display:flex}.qty-btn{background:var(--white);width:44px;height:44px;font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--primary-green);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #b8b8b8;border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .2s,color .2s,border-color .2s;display:flex}.qty-btn:hover{background:var(--primary-green);color:var(--white);border-color:var(--primary-green)}.quantity-main-input{text-align:center;font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);padding:calc(var(--spacing,.25rem) * 1);border-radius:var(--radius-sm,.25rem);border:1px solid #ddd;flex-grow:1;height:44px;width:80px!important;margin:0!important}.toast.show{opacity:1;pointer-events:auto;transform:translateY(0)}.error-message{color:var(--accent-orange);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));margin-top:calc(var(--spacing,.25rem) * 1);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);display:none}.error-message.show{display:block}.input-group input.error{border-color:var(--accent-orange)}@media (max-width:768px){.container{padding:calc(var(--spacing,.25rem) * 5)}.input-row{flex-direction:column}.option-btn{flex:1 0 calc(33.333% - 10px)}.progress-steps{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.step-circle{width:35px;height:35px}}@property --tw-font-weight{syntax:"*";inherits:false}