/* Start:/local/components/calc/krovlya/templates/htmx/style.min.css?176954309011786*/
.calc-krovlya{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:40px!important;padding-bottom:50px!important;margin-bottom:60px!important}.calc-progress{display:flex;justify-content:space-between;margin-bottom:40px;position:relative}.calc-progress::before{content:'';position:absolute;top:20px;left:50px;right:50px;height:4px;background:#e0e0e0;z-index:0;border-radius:2px}.calc-progress::after{content:'';position:absolute;top:20px;left:50px;height:4px;background:linear-gradient(90deg,#f5a623 0%,#f5a623 100%);z-index:0;border-radius:2px;width:0;transition:width .3s ease}.calc-progress[data-step="1"]::after{width:0}.calc-progress[data-step="2"]::after{width:calc((100% - 100px) * .33)}.calc-progress[data-step="3"]::after{width:calc((100% - 100px) * .66)}.calc-progress[data-step="4"]::after{width:calc(100% - 100px)}.calc-progress__step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;flex:1;max-width:200px}.calc-progress__num{width:40px;height:40px;border-radius:50%;background:#e0e0e0;color:#999;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;margin-bottom:10px;transition:all .3s ease}.calc-progress__text{font-size:13px;color:#666;text-align:center;line-height:1.3}.calc-progress__step--active .calc-progress__num{background:#0aa360;color:#fff}.calc-progress__step--active .calc-progress__text{color:#333}.calc-progress__step--current .calc-progress__num{box-shadow:0 0 0 4px rgba(10,163,96,.2)}.calc-step{display:none;animation:fadeIn .3s ease}.calc-step--active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.calc-step__title{font-size:24px;font-weight:600;margin-bottom:30px;color:#333}.calc-step__actions{display:flex;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid #eee}.calc-roof-types{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.calc-roof-type{display:flex;flex-direction:column;align-items:center;padding:25px 15px;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .2s ease;background:#fff;position:relative}.calc-roof-type:hover{border-color:#0aa360;box-shadow:0 4px 12px rgba(10,163,96,.15)}.calc-roof-type input{position:absolute;opacity:0;pointer-events:none}.calc-roof-type input:checked+.calc-roof-type__check{opacity:1;transform:scale(1)}.calc-roof-type input:checked~span{color:#0aa360;font-weight:600}.calc-roof-type:has(input:checked){border-color:#0aa360;background:rgba(10,163,96,5%)}.calc-roof-type__check{position:absolute;top:12px;left:12px;width:24px;height:24px;background:#0aa360 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")50%/14px no-repeat;border-radius:50%;opacity:0;transform:scale(.5);transition:all .2s ease}.calc-roof-type img{width:100%;max-width:180px;height:120px;object-fit:contain;margin-bottom:15px;transition:transform .2s ease}.calc-roof-type span{font-size:14px;color:#333;text-align:center;font-weight:500}.calc-params{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.calc-params__form{display:flex;flex-direction:column;gap:20px}.calc-params__group{display:flex;flex-direction:column;gap:15px}.calc-input-group{position:relative}.calc-input-group input{width:100%;padding:15px 50px 15px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .2s ease}.calc-input-group input:focus{outline:none;border-color:#0aa360}.calc-input-group input::placeholder{color:#999}.calc-input-group input.calc-input--error{border-color:#e74c3c;background:#fff5f5}.calc-input-label{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:#0aa360;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.calc-params__preview{display:flex;justify-content:center;align-items:center;background:#f8f9fa;border-radius:12px;padding:30px;min-height:250px}.calc-params__preview img{max-width:100%;max-height:200px;object-fit:contain}.calc-material-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.calc-material-tab{padding:12px 24px;background:#f5f5f5;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease;color:#333}.calc-material-tab:hover{background:#e8e8e8}.calc-material-tab--active{background:#0aa360;color:#fff}.calc-products{min-height:200px;position:relative}.calc-products__placeholder{display:flex;align-items:center;justify-content:center;min-height:200px;color:#999;font-size:16px;background:#f8f9fa;border-radius:12px}.calc-products__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.calc-product-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:15px;cursor:pointer;transition:all .2s ease}.calc-product-card:hover{border-color:#0aa360;box-shadow:0 4px 12px rgba(10,163,96,.15)}.calc-product-card--selected{border-color:#0aa360;background:rgba(10,163,96,5%)}.calc-product-card__image{width:100%;height:120px;object-fit:contain;margin-bottom:10px}.calc-product-card__name{font-size:14px;font-weight:500;color:#333;margin-bottom:8px;line-height:1.3}.calc-product-card__price{font-size:16px;font-weight:600;color:#0aa360}.calc-loading{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);align-items:center;justify-content:center;flex-direction:column;gap:15px;border-radius:12px;z-index:10}.calc-loading.htmx-request{display:flex}.calc-loading__spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#0aa360;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.calc-selected-material{margin-top:25px;padding:20px;background:#f8f9fa;border-radius:12px}.calc-selected-material h3{font-size:16px;font-weight:600;margin-bottom:15px;color:#333}.calc-selected-material__row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e0e0e0}.calc-selected-material__row:last-child{border-bottom:none}.calc-selected-material__row span:first-child{color:#666}.calc-selected-material__row span:last-child{font-weight:500;color:#333}.calc-results{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:start}.calc-results__table{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px rgba(0,0,0,8%)}.calc-table{width:100%;border-collapse:collapse}.calc-table th,.calc-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}.calc-table th{background:#f8f9fa;font-weight:600;font-size:13px;color:#666;text-transform:uppercase}.calc-table td{font-size:14px;color:#333}.calc-table tbody tr:hover{background:#f8f9fa}.calc-table td:last-child{font-weight:500;white-space:nowrap}.calc-table__discount td{font-weight:600;color:#0aa360;border-top:2px solid #e0e0e0;background:#f8fdf9}.calc-table__discount td:last-child{color:#0aa360}.calc-table__markup td{font-weight:600;color:#e67e22;border-top:2px solid #e0e0e0;background:#fef9f3}.calc-table__markup td:last-child{color:#e67e22}.calc-results__summary{position:sticky;top:20px}.calc-summary{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px rgba(0,0,0,8%)}.calc-summary h3{font-size:18px;font-weight:600;margin-bottom:20px;color:#333}.calc-summary__row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee;font-size:14px}.calc-summary__row span:first-child{color:#666}.calc-summary__row span:last-child{font-weight:500;color:#333}.calc-summary__total{display:flex;justify-content:space-between;padding:15px 0;margin-top:10px;font-size:18px;font-weight:600}.calc-summary__total span:last-child{color:#0aa360}.calc-results__actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.calc-results__actions .calc-btn{width:100%;justify-content:center}.calc-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.calc-btn:disabled{opacity:.5;cursor:not-allowed}.calc-btn--primary{background:#0aa360;color:#fff}.calc-btn--primary:hover:not(:disabled){background:#098a52}.calc-btn--secondary{background:#f5f5f5;color:#333}.calc-btn--secondary:hover:not(:disabled){background:#e8e8e8}.calc-btn--full{width:100%}.calc-btn svg{flex-shrink:0}.calc-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.calc-modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5)}.calc-modal__content{position:relative;background:#fff;border-radius:16px;padding:30px;max-width:450px;width:100%;max-height:90vh;overflow-y:auto}.calc-modal__close{position:absolute;top:15px;right:15px;width:32px;height:32px;border:none;background:#f5f5f5;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease}.calc-modal__close:hover{background:#e8e8e8;color:#333}.calc-modal__content h3{font-size:20px;font-weight:600;margin-bottom:25px;padding-right:40px}.calc-form-group{margin-bottom:15px}.calc-form-group input{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:border-color .2s ease}.calc-form-group input:focus{outline:none;border-color:#0aa360}.calc-form-group input::placeholder{color:#999}#calc-order-result{margin-top:20px}.calc-order-success{text-align:center;padding:20px}.calc-order-success svg{display:block;margin:0 auto 15px}.calc-order-success h4{font-size:18px;font-weight:600;color:#0aa360;margin-bottom:8px}.calc-order-success p{color:#666;font-size:14px}.calc-order-error{padding:15px;background:#fff5f5;color:#e74c3c;border:1px solid #e74c3c;border-radius:8px;text-align:center}.calc-products__empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:#999;font-size:16px;background:#f8f9fa;border-radius:12px}.calc-product-card__select{position:absolute;top:12px;right:12px}.calc-product-card__check{display:block;width:24px;height:24px;border:2px solid #e0e0e0;border-radius:50%;background:#fff;transition:all .2s ease}.calc-product-card--selected .calc-product-card__check{border-color:#0aa360;background:#0aa360 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")50%/14px no-repeat}.calc-product-card__colors{font-size:12px;color:#999;margin-top:4px}.calc-product-card{position:relative}.calc-product-card__image{width:100%;padding-bottom:100%;position:relative;margin-bottom:10px}.calc-product-card__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.calc-description{margin-top:40px;padding-top:30px;border-top:1px solid #eee}@media(max-width:991px){.calc-params{grid-template-columns:1fr}.calc-params__preview{order:-1}.calc-results{grid-template-columns:1fr}.calc-results__summary{position:static}}@media(max-width:991px){.calc-roof-types{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.calc-progress{flex-wrap:wrap;gap:15px}.calc-progress::before,.calc-progress::after{display:none}.calc-progress__step{flex:0 0 calc(50% - 10px)}.calc-roof-types{grid-template-columns:repeat(2,1fr)}.calc-step__actions{flex-direction:column}.calc-btn{width:100%;justify-content:center}.calc-table{font-size:13px}.calc-table th,.calc-table td{padding:10px}}@media(max-width:480px){.calc-roof-types{grid-template-columns:1fr}.calc-products__grid{grid-template-columns:1fr}.calc-progress__step{flex:0 0 100%}}
/* End */


/* Start:/local/components/calc/krovlya/templates/htmx/print.min.css?17685176962318*/
@media print{.calc-progress,.calc-step__actions,.calc-results__actions,.calc-btn,.calc-modal,.calc-material-tabs,.calc-products,.calc-selected-material,.calc-loading,header,footer,nav,.breadcrumbs,.back-url,.bottom-links-block{display:none!important}body{background:#fff!important;color:#000!important;font-size:12pt!important;line-height:1.4!important}.calc-krovlya{padding:0!important;max-width:none!important}.calc-step{display:none!important}#calc-step-4{display:block!important}.calc-results{display:block!important;page-break-inside:avoid}.calc-results__table{box-shadow:none!important;padding:0!important;margin-bottom:30px}.calc-step__title{font-size:18pt!important;margin-bottom:20px!important;color:#000!important}.calc-table{width:100%!important;border:1px solid #000!important}.calc-table th,.calc-table td{border:1px solid #000!important;padding:8px 10px!important;font-size:10pt!important}.calc-table th{background:#f0f0f0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.calc-table tbody tr:hover{background:0 0!important}.calc-results__summary{position:static!important}.calc-summary{box-shadow:none!important;padding:20px!important;border:2px solid #000!important;page-break-inside:avoid}.calc-summary h3{font-size:14pt!important;margin-bottom:15px!important}.calc-summary__row{font-size:11pt!important;border-bottom-color:#ccc!important}.calc-summary__total{font-size:14pt!important;border-top:2px solid #000!important;margin-top:10px!important;padding-top:15px!important}.calc-summary__total span:last-child{color:#000!important}.calc-results__table{page-break-after:avoid}a{color:#000!important;text-decoration:none!important}}#calc-pdf-container{font-family:Arial,sans-serif;color:#333;line-height:1.5}#calc-pdf-container h1{color:#0aa360;font-size:24px;margin-bottom:20px;border-bottom:2px solid #0aa360;padding-bottom:10px}#calc-pdf-container p{margin:10px 0;font-size:14px}#calc-pdf-container table{width:100%;border-collapse:collapse;margin:20px 0}#calc-pdf-container th,#calc-pdf-container td{border:1px solid #ddd;padding:10px 12px;text-align:left;font-size:13px}#calc-pdf-container th{background:#f5f5f5;font-weight:600;color:#333}#calc-pdf-container tbody tr:nth-child(even){background:#fafafa}#calc-pdf-container hr{border:none;border-top:1px solid #ddd;margin:20px 0}
/* End */
/* /local/components/calc/krovlya/templates/htmx/style.min.css?176954309011786 */
/* /local/components/calc/krovlya/templates/htmx/print.min.css?17685176962318 */