@charset "UTF-8";.align-center{text-align:center}:root{--bg-white: #ffffff;--color-primary: #87374c;--color-primary-dark: #0090c8;--color-red: #FF0000;--color-yell: #a7cc70;--color-text-main: #00171f;--color-text-secondary: #666666;--color-text-muted: #999999;--color-border: #00171f;--shadow-card: 0 4px 20px rgba(0, 0, 0, .08);--shadow-input: 0 2px 8px rgba(0, 0, 0, .06);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 20px;--transition: all .25s ease}:root{--plyr-color-main: #87374c;--color-primary: #87374c;--color-primary-50: rgba(135, 55, 76, .5);--color-main: #00171F;--color-main-corp: #23262D;--color-link: #2952E2;--color-green-grayish: #A7CC70;--color-secondary-dark: #6b767a;--color-white: #ffffff;--color-black: #000000;--color-primary-blue: #33C5F3;--color-primary-yell: #a7cc70;--color-secondary: #96ADB5;--color-pink: #FF005C;--color-pink-2: #DD0E62;--color-red: #F33333;--color-lite-yellow: #E4E96D;--color-pale-pure: #B38592;--color-gray-dark: #3F4243;--color-gray-border: #C4C4C4;--color-gray: #5D5D5D;--color-gray-10: #969696;--color-tabGray: #E9ECED;--color-imgBg: #475A5F;--color-dark-bg: #1B2224;--color-dark-body: #242424;--color-light-body: #f5f5f5;--color-header-bg: #26292b;--color-header-bg-a: rgba(38, 41, 43, .8);--color-card-bg: #ffffff;--color-main-bg: #ffffff;--color-main-bgGray: #E6E6E6;--breakpoint-mob: 768px;--breakpoint-1280: 1280px;--breakpoint-1600: 1600px;--breakpoint-1920: 1920px;--transition-base: .5s;--transition-fade: .5s;--rotate-duration: .5s;--transition-func: ease-in-out;--font-main: Clear Sans, sans-serif;--font-main-size: 16px;--font-main-weight: 400;--font-main-lheight: 20px;--border-radius: 50px;--border-radiusMin: 5px;--headerHeight-corp-desc: 170px;--headerHeight-corp-mob: 60px;--headerHeight-corp-xxl: 165px;--headerHeight-corp-xl: 135px;--headerHeight-corp-lg: 141px;--headerHeight-corp-s: 70px;--breakpoint-xs: 320px;--breakpoint-s: 414px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1140px;--breakpoint-xxl: 1920px;--container-xs: 345px;--container-s: 382px;--container-md: 736px;--container-lg: 931px;--container-xl: 1126px;--container-xxl: 1560px;--padding-container-s: 16px;--padding-container-md: 16px;--padding-container-lg: 46px;--padding-container-xl: 46px;--padding-container-xxl: 46px;--grid-gap: 24px;--color-dark: #1C1C1C;--color-overdark: #111112;--color-dark-second: #222;--color-dark-gray: #2F2F2F;--header-bg: var(--color-dark);--color-dark-text: var(--color-dark);--color-light-text: var(--color-white);--color-primary-light: #9F3E58;--color-primary-yell-light: #9ABE64;--color-lightgray: #E5E8F9;--button-green-accent-bg: var(--color-primary-yell);--button-green-hover-bg: var(--color-primary-yell-light);--button-green-active-bg: var(--color-white);--button-green-accent-color: var(--color-dark-text);--button-green-hover-color: var(--color-light-text);--button-green-active-color: var(--color-dark-text);--button-red-accent-bg: var(--color-primary);--button-red-hover-bg: var(--color-primary-light);--button-red-active-bg: var(--color-white);--button-red-accent-color: var(--color-light-text);--button-red-hover-color: var(--color-light-text);--button-red-active-color: var(--color-dark-text);--button-white-accent-bg: var(--color-white);--button-white-hover-bg: var(--color-lightgray);--button-white-active-bg: var(--color-primary-yell);--button-white-accent-color: var(--color-dark-text);--button-white-hover-color: var(--color-dark-text);--button-white-active-color: var(--color-dark-text);--button-dark-accent-bg: #1c1c1c;--button-dark-hover-bg: var(--color-lightgray);--button-dark-active-bg: var(--color-primary-yell);--button-dark-accent-color: var(--color-light-text);--button-dark-hover-color: var(--color-dark-text);--button-dark-active-color: var(--color-dark-text);--elevation-1: 0px 1px 2px 0px rgb(0 0 0 / 30%), 0px 1px 3px 1px rgb(0 0 0 / 15%);--elevation-2: 0px 1px 2px 0px rgb(0 0 0 / 30%), 0px 2px 6px 2px rgb(0 0 0 / 15%);--elevation-3: 0px 1px 3px 0px rgb(0 0 0 / 30%), 0px 4px 8px 3px rgb(0 0 0 / 15%)}.buttons{display:flex;flex-direction:column;gap:20px}.buttons__container{display:flex;align-items:center;gap:20px;flex-direction:column}.button,a.no-style.button{--border-radius-button: 40px;--font-size-button: 14px;--paddings-button: 0px 15px;position:relative;padding:var(--paddings-button);display:flex;align-items:center;justify-content:center;text-align:center;width:max-content;height:3.125rem;border:.125rem solid transparent;border-radius:var(--border-radius-button);font-size:1.25rem;color:var(--color-light-text);transition:color .3s ease-in-out,background-color .4s ease-in-out,border-radius .2s ease-in-out,border .4s ease-in-out;text-decoration:none;user-select:none;cursor:pointer;text-wrap:nowrap;overflow:hidden;z-index:2;line-height:1}@media (hover: hover){.button:not(:disabled):hover,a.no-style.button:not(:disabled):hover{color:var(--color-white);border-radius:1.5625rem}.button:not(:disabled):hover:after,a.no-style.button:not(:disabled):hover:after{transform:translate(-50%,-50%) scale(13)}}.button.button--icon,a.no-style.button.button--icon{display:flex;align-items:center;gap:.625rem}.button.button--icon img,.button.button--icon svg,.button.button--icon .ico,a.no-style.button.button--icon img,a.no-style.button.button--icon svg,a.no-style.button.button--icon .ico{width:30px;height:30px;transition:fill .3s ease-in-out}.button.button--wa,a.no-style.button.button--wa{padding:.75rem .625rem;color:var(--color-main);background-color:var(--color-primary-yell)}.button.button--wa svg,a.no-style.button.button--wa svg{fill:var(--color-main);transition:fill .3s ease-in-out}@media (hover: hover){.button.button--wa:hover,a.no-style.button.button--wa:hover{color:var(--color-white)}.button.button--wa:hover svg,a.no-style.button.button--wa:hover svg{fill:var(--color-white)}}@media (min-width: 1440px){.button.button--wa,a.no-style.button.button--wa{border-radius:2.5rem;font-size:.875rem;display:flex;align-items:center;justify-content:center;padding:.75rem .625rem;gap:.625rem}}@media (min-width: 320px){.button,a.no-style.button{background-color:var(--color-white);color:var(--color-main)}}@media (min-width: 1024px){.button,a.no-style.button{background-color:var(--color-overdark);color:var(--color-light-text)}}@media (hover: hover){.button--link:hover,a.no-style.button--link:hover{border:.125rem solid var(--color-white);background-color:#2f2f2f}}.button--green,a.no-style.button--green{font-size:1.25rem;border-radius:.5rem;background-color:var(--button-green-accent-bg);color:var(--button-green-accent-color);border-color:var(--button-green-accent-bg)}.button--green img,.button--green svg,.button--green .ico,a.no-style.button--green img,a.no-style.button--green svg,a.no-style.button--green .ico{fill:var(--color-main)}@media (hover: hover){.button--green:not(:disabled):hover,a.no-style.button--green:not(:disabled):hover{color:var(--color-white);background-color:var(--button-green-hover-bg);border-radius:1.5625rem;border-color:var(--button-green-hover-bg)}.button--green:not(:disabled):hover img,.button--green:not(:disabled):hover svg,.button--green:not(:disabled):hover .ico,a.no-style.button--green:not(:disabled):hover img,a.no-style.button--green:not(:disabled):hover svg,a.no-style.button--green:not(:disabled):hover .ico{fill:var(--color-white)}.button--green:not(:disabled):hover:after,a.no-style.button--green:not(:disabled):hover:after{background-color:var(--button-green-hover-bg);border-color:var(--button-green-hover-bg)}}.button--green:active,a.no-style.button--green:active{background-color:var(--button-green-active-bg);color:var(--button-green-active-color);border-color:var(--color-white)}.button--red,a.no-style.button--red{font-size:1.25rem;border-radius:.5rem;background-color:var(--button-red-accent-bg);color:var(--button-red-accent-color)}.button--red img,.button--red svg,.button--red .ico,a.no-style.button--red img,a.no-style.button--red svg,a.no-style.button--red .ico{fill:var(--color-white)}@media (hover: hover){.button--red:not(:disabled):hover,a.no-style.button--red:not(:disabled):hover{color:var(--color-white);background-color:var(--button-red-accent-bg);border-radius:1.5625rem;border-color:#ad3c5a}.button--red:not(:disabled):hover:after,a.no-style.button--red:not(:disabled):hover:after{transform:translate(-50%,-50%) scale(13);background-color:var(--button-red-hover-bg)}}.button--red:active,a.no-style.button--red:active{background-color:var(--button-red-active-bg);color:var(--button-red-active-color)}.button--white,a.no-style.button--white{font-size:1.25rem;border-radius:.5rem;background-color:var(--button-white-accent-bg);color:var(--button-white-accent-color)}.button--white img,.button--white svg,.button--white .ico,a.no-style.button--white img,a.no-style.button--white svg,a.no-style.button--white .ico{fill:var(--color-main)}@media (hover: hover){.button--white:not(:disabled):hover,a.no-style.button--white:not(:disabled):hover{color:var(--button-white-hover-color);background-color:var(--button-white-hover-bg);border-radius:1.5625rem;border-color:var(--button-white-hover-bg)}.button--white:not(:disabled):hover:after,a.no-style.button--white:not(:disabled):hover:after{transform:translate(-50%,-50%) scale(13);background-color:var(--button-white-hover-bg)}.button--white:active,a.no-style.button--white:active{background-color:var(--button-white-active-bg);color:var(--button-white-active-color)}}.button--dark,a.no-style.button--dark{font-size:1.25rem;border-radius:.5rem;background-color:var(--button-white-accent-color);color:var(--button-white-accent-bg)}.button--dark img,.button--dark svg,.button--dark .ico,a.no-style.button--dark img,a.no-style.button--dark svg,a.no-style.button--dark .ico{fill:var(--color-white)}@media (hover: hover){.button--dark:not(:disabled):hover,a.no-style.button--dark:not(:disabled):hover{color:var(--button-white-hover-color);background-color:var(--button-white-hover-bg);border-radius:1.5625rem;border-color:var(--button-white-hover-bg)}.button--dark:not(:disabled):hover:after,a.no-style.button--dark:not(:disabled):hover:after{transform:translate(-50%,-50%) scale(13);background-color:var(--button-white-hover-bg)}.button--dark:not(:disabled):hover img,.button--dark:not(:disabled):hover svg,.button--dark:not(:disabled):hover .ico,a.no-style.button--dark:not(:disabled):hover img,a.no-style.button--dark:not(:disabled):hover svg,a.no-style.button--dark:not(:disabled):hover .ico{fill:var(--color-main)}.button--dark:active,a.no-style.button--dark:active{background-color:var(--button-white-active-bg);color:var(--button-white-active-color)}}.button--outline-white,a.no-style.button--outline-white{background-color:var(--color-white);color:var(--color-dark);border:.0625rem solid var(--color-dark);border-radius:.5rem}.button--outline-white img,.button--outline-white svg,.button--outline-white .ico,a.no-style.button--outline-white img,a.no-style.button--outline-white svg,a.no-style.button--outline-white .ico{fill:var(--color-main)}@media (hover: hover){.button--outline-white:not(:disabled):hover,a.no-style.button--outline-white:not(:disabled):hover{color:var(--button-white-hover-color);background-color:var(--button-white-hover-bg);border-radius:1.5625rem;border-color:var(--button-white-hover-bg)}.button--outline-white:not(:disabled):hover:after,a.no-style.button--outline-white:not(:disabled):hover:after{transform:translate(-50%,-50%) scale(13);background-color:var(--button-white-hover-bg)}.button--outline-white:active,a.no-style.button--outline-white:active{background-color:var(--button-white-active-bg);color:var(--button-white-active-color)}}.button--outline-dark,a.no-style.button--outline-dark{background-color:transparent;color:var(--color-white);border:.0625rem solid var(--color-white);border-radius:.5rem}.button--outline-dark img,.button--outline-dark svg,.button--outline-dark .ico,a.no-style.button--outline-dark img,a.no-style.button--outline-dark svg,a.no-style.button--outline-dark .ico{fill:var(--color-white)}@media (hover: hover){.button--outline-dark:not(:disabled):hover,a.no-style.button--outline-dark:not(:disabled):hover{color:var(--button-white-hover-color);background-color:var(--button-white-hover-bg);border-radius:1.5625rem;border-color:var(--button-white-hover-bg)}.button--outline-dark:not(:disabled):hover:after,a.no-style.button--outline-dark:not(:disabled):hover:after{transform:translate(-50%,-50%) scale(13);background-color:var(--button-white-hover-bg)}.button--outline-dark:not(:disabled):hover img,.button--outline-dark:not(:disabled):hover svg,.button--outline-dark:not(:disabled):hover .ico,a.no-style.button--outline-dark:not(:disabled):hover img,a.no-style.button--outline-dark:not(:disabled):hover svg,a.no-style.button--outline-dark:not(:disabled):hover .ico{fill:var(--color-main)}.button--outline-dark:active,a.no-style.button--outline-dark:active{background-color:var(--button-white-active-bg);color:var(--button-white-active-color)}}.button:after,a.no-style.button:after{content:"";position:absolute;top:50%;left:50%;z-index:-1;width:6.25rem;height:6.25rem;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .7s ease-in-out,border-color .7s ease-in-out;pointer-events:none}.button:active,a.no-style.button:active{transform:scale(.97)}.button:disabled,.button--disabled,a.no-style.button:disabled,a.no-style.button--disabled{pointer-events:none;background-color:#585858;border-color:#585858;color:#c5c5c5}@media (max-width: 768px){.button,a.no-style.button{font-size:1rem;height:2.625rem}}.calculator-container{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 1150px){.calculator-container{grid-template-columns:1fr}}.left-column{display:flex;flex-direction:column;background:var(--bg-white);border-radius:var(--radius-xl);padding:20px 24px;box-shadow:var(--shadow-card)}.window-type-select-mobile{display:none;margin:0 auto}.window-type-select-mobile .form-label{margin-top:0}@media (max-width: 1150px){.window-type-select-mobile{display:block}.window-type-select-desktop{display:none}@keyframes pane-hint-pulse{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}}.window-pane-img:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;border-radius:50%;background:rgba(51,197,243,.15);animation:pane-hint-pulse 2.5s ease-in-out infinite;pointer-events:none;z-index:5}}.window-visualization{padding:24px 0}.visualization-title{font-size:18px;font-weight:600;text-align:center;color:var(--color-text-main);margin-bottom:16px}.add-frame-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 auto 20px;background:var(--bg-page);border:2px dashed var(--color-primary);border-radius:50%;cursor:pointer;transition:var(--transition)}.add-frame-btn:hover{background:var(--color-primary)}.add-frame-btn:hover .plus-icon{stroke:#fff}.plus-icon{width:20px;height:20px;stroke:var(--color-primary);transition:var(--transition)}.add-frame-btn-secondary{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:16px auto;background:var(--bg-page);border:2px dashed var(--color-primary);border-radius:50%;cursor:pointer;transition:var(--transition)}.add-frame-btn-secondary:hover{background:var(--color-primary)}.add-frame-btn-secondary:hover .plus-icon-small{stroke:#fff}.plus-icon-small{width:16px;height:16px;stroke:var(--color-primary);transition:var(--transition)}.window-image-wrapper{display:block;text-aligh:center}.diagram-wrapper{display:flex;justify-content:center;overflow-x:auto}.window-images-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px}.window-images-row{display:flex;align-items:stretch;max-width:100%;justify-content:center;gap:0}.window-pane-img{position:relative;cursor:pointer;flex:1;min-width:0;transition:opacity .15s ease}.window-pane-img:hover{opacity:.75}.window-pane-img>img:first-child{width:100%;height:360px;display:block;position:relative;z-index:2}.decor-overlay,.extra-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;object-fit:contain;z-index:1}.decor-overlay{height:360px}.balcony-door-part .decor-overlay{height:570px}.open-up-left{left:-5px}.side-pointers{z-index:2}.mosquito-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.pane-label{z-index:3}.pane-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:700;color:#333;pointer-events:none;text-shadow:0 0 4px rgba(255,255,255,.8)}.window-dimensions{text-align:center;font-size:14px;color:var(--color-text-main);display:flex;align-items:center;justify-content:center;gap:4px}.window-dimensions .dim-clickable{border:1px solid #999;border-radius:8px;padding:2px 25px 2px 6px;background:#fff;position:relative;font-size:13px;cursor:pointer;line-height:18px}.window-dimensions .dim-unit{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:10px;color:#666}.window-dimensions .dim-x{color:var(--color-text-muted)}.balcony-row{align-items:flex-start;height:auto!important;justify-content:center;gap:0;max-width:100%}.balcony-window-part{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.balcony-window-panes{display:flex;width:100%;gap:0}.balcony-door-part{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.balcony-door-pane>img:first-child{width:auto;height:570px}@media (max-width: 1150px){.calculator-container{grid-template-columns:1fr}.balcony-row .window-pane-img:not(.balcony-door-pane)>img:first-child{height:280px}.balcony-row .decor-overlay:not(.balcony-door-part .decor-overlay){height:280px}.balcony-door-part .decor-overlay{height:440px}.balcony-door-pane>img:first-child{height:440px;width:auto}}@media (max-width: 900px){.balcony-row .window-pane-img:not(.balcony-door-pane)>img:first-child{height:220px}.balcony-row .decor-overlay:not(.balcony-door-part .decor-overlay){height:220px}.balcony-door-part .decor-overlay{height:380px}.balcony-door-pane>img:first-child{height:380px;width:auto}}.balcony-part-dims{display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;color:var(--color-text-main);align-self:center}.balcony-part-dims .dim-clickable{border:1px solid #999;border-radius:8px;padding:2px 20px 2px 4px;background:#fff;position:relative;font-size:11px;cursor:pointer;line-height:16px}.balcony-part-dims .dim-unit{position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:9px;color:#666}.balcony-part-dims .dim-x{color:var(--color-text-muted)}.pane-hint{text-align:center;font-size:12px;color:var(--color-text-muted);margin-top:8px;font-style:italic}.window-description{font-size:14px;color:var(--color-text-secondary);line-height:1.7;margin-top:20px;padding-top:16px}@media (max-width: 1024px){.window-description{display:none}}.right-column{display:flex;flex-direction:column;gap:30px}.config-block{background:var(--bg-white);border-radius:var(--radius-xl);padding:30px;box-shadow:var(--shadow-card);gap:30px;display:grid;grid-template-columns:repeat(2,1fr)}.form-group:last-child{margin-bottom:0;grid-column:span 2}.form-label{display:block;font-size:14px;font-weight:600;color:var(--color-text-main);margin-bottom:10px;margin-top:20px}.form-label:first-child{margin-top:0}.label-with-icon{display:flex;align-items:center;gap:8px;margin-bottom:10px;margin-top:20px}.label-with-icon:first-child{margin-top:0}.label-with-icon .form-label{margin-bottom:0}.info-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#87374c;border-radius:50%;cursor:pointer;opacity:1;transition:var(--transition);flex-shrink:0}.info-btn:hover{opacity:.7}.info-btn svg{width:16px;height:16px;fill:var(--color-primary)}.info-tooltip{position:fixed;z-index:10000;background:var(--color-text-main);color:#fff;padding:10px 14px;border-radius:8px;font-size:13px;line-height:1.5;max-width:260px;box-shadow:0 4px 16px #0003;opacity:0;transition:opacity .2s ease;pointer-events:none}.info-tooltip:after{content:"";position:absolute;width:8px;height:8px;background:var(--color-text-main);transform:rotate(45deg)}.info-tooltip--top:after{bottom:-4px;left:50%;margin-left:-4px}.info-tooltip--bottom:after{top:-4px;left:50%;margin-left:-4px}.badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.badge-profile{background-color:var(--color-yell);color:#fff}.color-select{position:relative}.custom-select{position:relative;width:270px;cursor:pointer;user-select:none}.custom-select-trigger{display:flex;align-items:center;height:50px;padding:0 40px 0 16px;font-size:14px;color:var(--color-text-main);background:#ffffff;border:1px solid var(--color-border);border-radius:var(--radius-md);transition:var(--transition);gap:10px;position:relative}.custom-select-trigger:hover{border-color:var(--color-primary)}.custom-select.open .custom-select-trigger{border-color:var(--color-primary);box-shadow:0 0 0 3px #00a8e826}.custom-select .select-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:var(--color-text-secondary);pointer-events:none;transition:var(--transition)}.custom-select.open .select-arrow{stroke:var(--color-primary);transform:translateY(-50%) rotate(180deg)}.custom-select-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-color{width:16px;height:16px;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #0003;flex-shrink:0}.custom-select-options{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:#ffffff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001f;z-index:100;overflow:hidden;overflow-y:auto}.custom-select.open .custom-select-options{display:block}.custom-select-option{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:14px;color:var(--color-text-main);transition:background .15s;cursor:pointer}.custom-select-badge{display:inline-flex;align-items:center;padding:0 8px;font-size:10px;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;background:var(--color-yell);color:#fff;white-space:nowrap;flex-shrink:0;margin-left:auto}.custom-select-option:hover{background:#f0f8ff}.custom-select-option.selected{background:#e8f7fe}.custom-select.disabled{opacity:.5;pointer-events:none}.custom-select--badge .custom-select-trigger{padding-right:90px}.custom-select--badge .badge-profile{position:absolute;right:40px}.badge{display:inline-flex;align-items:center;padding:2px 10px;font-size:11px;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.color-select{position:relative}.form-hint{font-size:12px;color:var(--color-text-muted);margin-top:6px;width:270px}.checkbox-group{display:flex;gap:24px;margin-top:12px}.checkbox-group.disabled,.checkbox-label.disabled{opacity:.5;pointer-events:none}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none}.checkbox-label input{position:absolute;opacity:0;pointer-events:none}.checkbox-custom{width:13px;height:13px;background:#ffffff;border:1px solid #000000;border-radius:3px;transition:var(--transition);position:relative}.checkbox-label input:checked+.checkbox-custom{background:#ffffff;border-color:#000}.checkbox-label input:checked+.checkbox-custom:after{content:"";position:absolute;left:4px;top:1px;width:3px;height:6px;border:solid #000000;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-text{font-size:14px;color:var(--color-text-main)}.badge-free{font-size:11px;color:var(--color-primary);font-weight:500}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}.options-multiselect{display:none;margin-top:12px}.options-multiselect .custom-select{width:270px}.config-block:has(#options-select.open){z-index:200;position:relative}#options-select-list .custom-select-option{padding:10px 16px;gap:10px}#options-select-list .option-check{width:16px;height:16px;border:1.5px solid var(--color-border);border-radius:3px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:var(--transition)}#options-select-list .custom-select-option.selected .option-check{background:var(--color-primary);border-color:var(--color-primary)}#options-select-list .custom-select-option.selected .option-check:after{content:"";width:8px;height:5px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}@media (max-width: 660px){.options-multiselect{display:block}.options-grid{display:none}}.price-block{display:block}.price-row{display:flex;align-items:center;padding:10px 0;border-bottom:1px dashed var(--color-border)}.price-label{font-size:14px;color:var(--color-text-main)}.price-dots{flex:1;min-width:20px}.price-value{font-size:14px;font-weight:500;color:var(--color-text-main);white-space:nowrap}.price-total{display:flex;justify-content:space-between;align-items:center;padding:16px 0 20px;margin-top:4px}.total-label{font-size:16px;font-weight:700;color:var(--color-text-main)}.total-value{font-size:20px;font-weight:700;color:var(--color-primary)}.btn-add{width:100%;padding:14px 24px;font-size:16px;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition)}.btn-add:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #00a8e84d}.btn-add:active{transform:translateY(0)}.price-table{width:100%;border-collapse:collapse;font-size:13px}.price-table thead th{padding:8px 10px;font-weight:600;color:var(--color-text-secondary);background:var(--bg-page);border-bottom:2px solid var(--color-border);text-align:left;white-space:nowrap}.price-table th.sortable{cursor:pointer;user-select:none}.price-table th.sortable:hover{color:var(--color-primary)}.price-table th.sort-asc:after{content:" \2191"}.price-table th.sort-desc:after{content:" \2193"}.price-table tbody td{padding:8px 10px;border-bottom:1px solid var(--color-border);color:var(--color-text-main)}.price-table tbody tr:last-child td{border-bottom:none}.price-table tbody tr:hover{background:var(--bg-page)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.config-block{animation:fadeIn .4s ease forwards}.config-block:nth-child(1){animation-delay:.1s}.config-block:nth-child(2){animation-delay:.2s}.config-block:nth-child(3){animation-delay:.3s}.config-block:nth-child(4){animation-delay:.4s}.price-block{justify-items:normal}.store-block{display:block;grid-column:1/-1}.store-block h3{margin:0 0 20px}.cart-list{display:flex;flex-direction:column;gap:12px}.cart-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px;background:var(--bg-white, #fff);border-bottom:1px solid var(--color-border, #e2e8f0)}.cart-item-left{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.cart-item-img{width:70px;height:76px;border-radius:0;flex-shrink:0;object-fit:contain;align-self:left}.cart-item-visualization{overflow:hidden;object-fit:unset;width:70px;height:76px;position:relative;flex-shrink:0;align-self:center;border-radius:0}.cart-item-visualization .window-pane-img{cursor:default}.cart-item-visualization .window-pane-img:hover{opacity:1}.cart-item-visualization .window-pane-img:after{display:none}.cart-item-visualization .window-dimensions,.cart-item-visualization .balcony-part-dims,.cart-item-visualization .dim-clickable,.cart-item-visualization .dim-x,.cart-item-visualization .dim-unit,.cart-item-visualization .extra-overlay,.cart-item-visualization .mosquito-overlay,.cart-item-visualization .side-pointers{display:none}.cart-item-visualization .decor-overlay{display:block;position:absolute;top:0;left:0;width:100%;pointer-events:none;object-fit:contain;z-index:1;aspect-ratio:1/2}.cart-item-info{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:18px}.cart-item-profile{font-weight:600;color:var(--color-text, #1e293b);margin:0}.cart-item-desc{line-height:1.5;color:var(--color-text-muted, #64748b);margin:0}.cart-item-info .cart-item-price{font-size:24px;font-weight:600;margin:0}.cart-item-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0;align-items:center;align-self:center}.cart-item-edit,.cart-item-remove{width:50px;height:50px;display:flex;align-items:center;justify-content:center;padding:0;border:0;cursor:pointer}.cart-item-edit svg,.cart-item-remove svg{width:22px;height:22px}.cart-total{margin-top:12px;padding-top:12px;font-size:14px;font-weight:700;color:var(--color-text, #1e293b);text-align:right}.cart-footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:16px}.cart-footer-total{font-size:24px;font-weight:700;white-space:nowrap}.cart-footer-actions{display:flex;gap:12px;margin-left:auto;align-items:center}.btn-primary{padding:14px 28px;font-size:14px;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);white-space:nowrap}.btn-primary:hover{background:var(--color-primary-dark)}.btn-download{display:flex;align-items:center;justify-content:center;height:30px;width:30px;border-radius:50%;background:var(--color-primary);border:none;cursor:pointer;transition:var(--transition);padding:0;flex-shrink:0}.btn-download:hover{background:var(--color-primary-dark)}.btn-download img{width:16px;height:16px;filter:brightness(0) invert(1)}.btn-download{height:30px;width:30px;border-radius:50%;background:var(--color-primary);border:none}@media (max-width: 660px){.diagram-wrapper{overflow-x:hidden}.config-block{grid-template-columns:1fr}.config-block:first-child{justify-items:center}.form-group:last-child{grid-column:span 1}.checkbox-group{flex-direction:row}.calculator-container{padding:16px}.window-visualization,.config-block{padding:20px}.store-block{justify-items:left}.cart-item,.cart-item-left{flex-direction:column}.cart-item-actions{width:100%;flex-direction:row}.cart-item-visualization{width:100%;justify-content:flex-start}.cart-footer{width:100%;flex-direction:column;align-items:flex-start}.cart-footer-actions{flex-direction:column;align-items:flex-start;margin-left:0;width:100%}.btn-primary{width:100%}.window-pane-img>img:first-child{width:auto;height:auto;max-height:180px}.decor-overlay{height:auto;max-height:180px}.extra-overlay{object-fit:fill}.window-pane-img{min-width:0;flex:0 0 auto}.window-images-row:not(.balcony-row){justify-content:center}.balcony-door-pane>img:first-child{height:220px;width:auto}.balcony-row .window-pane-img:not(.balcony-door-pane)>img:first-child{max-height:130px}.balcony-row .window-pane-img:not(.balcony-door-pane) .decor-overlay{height:auto;max-height:130px}.balcony-door-part .decor-overlay{height:auto;max-height:220px}.balcony-row .window-pane-img{min-width:0;flex:none}.balcony-row{width:100%;max-width:100%}.balcony-part-dims{font-size:10px;max-width:100%}.balcony-part-dims .dim-clickable{font-size:9px;padding:2px 14px 2px 3px}.balcony-window-part,.balcony-door-part{min-width:0;overflow:hidden}.window-images-container{min-width:0;width:100%}}.dim-modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:10000;justify-content:center;align-items:center}.dim-modal-overlay.active{display:flex}.dim-modal{background:#fff;border-radius:16px;padding:28px 32px;min-width:320px;max-width:460px;width:calc(100vw - 32px);box-shadow:0 8px 32px #0000002e;max-height:calc(100vh - 32px);overflow-y:auto}.dim-modal__title{font-size:18px;font-weight:700;color:var(--color-text-main);margin-bottom:24px}.dim-modal__fields{display:flex;flex-direction:column;gap:20px}.dim-modal__row{display:flex;gap:16px}.dim-modal__row .dim-modal__field{flex:1}.dim-modal__field{display:flex;flex-direction:column;gap:6px}.dim-modal__field label{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.dim-modal__field input{height:44px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 44px 0 16px;font-size:16px;outline:none;transition:var(--transition);width:100%;box-sizing:border-box}.dim-modal__field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #33c5f326}.dim-modal__field{position:relative}.dim-modal__field:after{content:"\43c\43c";position:absolute;right:14px;bottom:13px;font-size:13px;color:var(--color-text-muted);pointer-events:none}.dim-modal__hint{font-size:12px;color:var(--color-text-muted);margin-top:12px;line-height:1.4}.dim-modal__actions{display:flex;gap:12px;margin-top:24px}.dim-modal__btn{flex:1;height:44px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition)}.dim-modal__btn--apply{background:var(--color-primary);color:#fff}.dim-modal__btn--apply:hover{background:var(--color-primary-dark)}.dim-modal{position:relative}.dim-modal__close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;border-radius:50%;background:#f0f0f0;color:var(--color-text-main);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);line-height:1;padding:0}.dim-modal__close:hover{background:#e0e0e0}.dim-clickable{cursor:pointer;transition:background .15s}.dim-clickable:hover{background:#e8f7fe!important}.callback-modal{background:#fff;border-radius:16px;padding:32px;max-width:420px;width:calc(100vw - 32px);position:relative;box-shadow:0 8px 32px #0000002e}.callback-modal__close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;border-radius:50%;background:#f0f0f0;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:var(--transition)}.callback-modal__close:hover{background:#e0e0e0}.callback-modal__close img{width:16px;height:16px}.callback-modal__title{font-size:20px;font-weight:700;color:var(--color-text-main);margin-bottom:8px}.callback-modal__subtitle{font-size:14px;color:var(--color-text-secondary);margin-bottom:24px}.callback-modal__form{display:flex;flex-direction:column;gap:16px}.callback-modal__line{display:flex;align-items:flex-start;gap:12px}.callback-modal__line .callback-modal__field{flex:1}.callback-modal__field input{width:100%;height:50px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 16px;font-size:15px;outline:none;transition:var(--transition);box-sizing:border-box}.callback-modal__field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #33c5f326}.callback-modal__field input.error{border-color:#dc2626}.callback-modal__btn{height:50px;padding:0 24px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap;flex-shrink:0}.callback-modal__btn:hover{background:var(--color-primary-dark)}.callback-modal__btn:disabled{opacity:.6;cursor:not-allowed}.callback-modal__privacy{margin-top:4px}.callback-modal__privacy .checkbox-small{display:flex;align-items:flex-start;gap:6px;cursor:pointer;font-size:11px;color:var(--color-text-secondary);line-height:1.4}.callback-modal__privacy .checkbox-small__input{position:absolute;opacity:0;pointer-events:none}.callback-modal__privacy .checkbox-small__checkbox{width:14px;height:14px;border:1px solid #999;border-radius:3px;flex-shrink:0;margin-top:1px;position:relative;cursor:pointer}.callback-modal__privacy .checkbox-small__input:checked+.checkbox-small__checkbox{background:var(--color-primary);border-color:var(--color-primary)}.callback-modal__privacy .checkbox-small__input:checked+.checkbox-small__checkbox:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.callback-modal__privacy .checkbox-small__label a{color:var(--color-primary);text-decoration:underline}.cart-disclamer{color:gray;margin-top:12px;display:flex;justify-content:flex-end}.decor-balk{height:auto!important}.calc-new-section{max-width:1560px;margin:0 auto;padding:40px}