:root{--ink: #1c2430;--muted: #6b7380;--line: #e4e7ec;--bg: #f3f4f6;--card: #fff;--accent: var(--theme-base-color, var(--theme-color, #E87A2E));--accent-2: var(--accent);--accent-ink: #fff;--ok: #2f6b3a;font-family:Manrope,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}.rc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--accent);border-radius:8px;background:transparent;color:var(--accent);font:inherit;font-weight:700;cursor:pointer;box-shadow:none}.rc-btn--fill{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.rc-btn--round{border-radius:999px}.rc-btn--icon{width:36px;height:36px;padding:0;border-radius:50%;border-width:2px;background:var(--accent);color:var(--accent-ink);font-size:22px;line-height:1}.rc-btn--ghost{border-color:var(--line);color:var(--ink);background:#fff;font-weight:600}.rc-select-on{border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent);background:#fff!important;color:var(--ink)!important}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}button,input,select{font:inherit}button{cursor:pointer}.app{max-width:1180px;margin:0 auto;padding:24px 20px 64px}.top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.top h1{margin:0 0 6px;font-size:32px}.top p{margin:0;color:var(--muted)}.calc-shell{position:relative;background:#fff;border-radius:8px;box-shadow:0 8px 24px #1018280f;overflow:visible}.steps{display:block;background:#fff;margin:0;box-shadow:none;overflow:hidden;border-radius:8px 8px 0 0}.steps-hatch{height:8px;background:#fff}.steps-hatch i{display:block;height:100%;width:33.333%;background-image:repeating-linear-gradient(-45deg,#e87a2e 0 7px,#f3a056 7px 14px);background-size:20px 20px;animation:hatch-move .45s linear infinite;transition:width .35s ease}@keyframes hatch-move{to{background-position:20px 0}}.steps-row{display:grid;grid-template-columns:1fr 1fr 1fr}.steps-row button{border:0;background:#fff;padding:16px 12px;color:#b4bac3;font-size:15px}.steps-row button.is-on{color:var(--ink);font-weight:700}.steps-row button:disabled{cursor:default}.calc-preloader{position:absolute;inset:8px 0 0;z-index:30;background:#ffffffc7;display:flex;align-items:center;justify-content:center}.calc-preloader__card{width:min(420px,88%);background:#fff;border-radius:10px;box-shadow:0 12px 32px #10182824;overflow:hidden;text-align:center}.calc-preloader__stripe{display:block;height:10px;background-image:repeating-linear-gradient(-45deg,#e87a2e 0 8px,#f3a056 8px 16px);background-size:22px 22px;animation:hatch-move .4s linear infinite}.calc-preloader__card p{margin:18px 16px 20px;font-weight:700;color:var(--ink)}.card{background:var(--card);border-radius:0;padding:28px 32px 36px;box-shadow:none;overflow:visible}.calc-shell .card+.card,.calc-shell [id^=roof-step]+[id^=roof-step] .card{border-top:1px solid var(--line)}.card h2{margin:0 0 16px;font-size:22px}.card h3{margin:20px 0 10px}#roof-step-1,#roof-step-2,#roof-step-3{scroll-margin-top:12px}.type-carousel{position:relative;margin:0 0 28px;padding:6px 0}.type-viewport{overflow:hidden;container-type:inline-size;padding:4px 2px;margin:0 -2px}.type-track{display:flex;gap:12px;width:max-content;transition:transform .45s cubic-bezier(.22,.61,.36,1);will-change:transform}.type-track.is-instant{transition:none}.type-card{width:calc((100cqi - 48px)/5);flex:none}.type-nav{position:absolute;top:42%;z-index:4}.type-nav.prev{left:0;transform:translate(-50%)}.type-nav.next{right:0;transform:translate(50%)}.scroll-rail{position:relative}.scroll-nav{display:none}.type-card{position:relative;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 8px 12px;min-height:188px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:0;color:var(--ink);outline:none;transition:border-color .28s ease,box-shadow .28s ease}.type-card>span:last-child{display:flex;align-items:center;justify-content:center;min-height:36px;margin-top:2px;text-align:center;line-height:1.2;font-size:14px}.type-card::-moz-focus-inner{border:0;padding:0}.type-card:focus,.type-card:focus-visible{outline:none}.roof-icon{width:100%;height:100%;display:block;overflow:hidden}.roof-icon-stack{position:relative;width:124px;height:114px;flex:none;display:block;margin:0 auto}.mat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:24px;overflow:visible}.mat-grid:has(.cut-card){grid-template-columns:repeat(5,minmax(0,1fr))}.cut-card{flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;min-height:172px;padding:14px 10px 12px;text-align:center}.cut-thumb{width:100%;max-width:180px;height:108px;object-fit:contain;display:block}.mat-card{position:relative;border:1px solid var(--line);background:#fff;border-radius:8px;min-height:52px;padding:12px;display:flex;align-items:center;justify-content:flex-start;gap:8px;text-align:left;color:var(--ink);overflow:visible}.mat-card{min-width:0}.mat-card__name{display:block;padding:0;font-weight:500;line-height:1.25;min-width:0;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}.mat-card .tip{position:relative;top:auto;left:auto;transform:none;flex-shrink:0;z-index:2}.mat-card small,.mat-card b{display:block}.mat-card small{color:var(--muted);margin-top:4px;font-weight:400}.type-card.is-on,.mat-card.is-on,.type-card:focus-visible{border-color:var(--accent)!important;background:#fff!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--accent)}.mat-card.is-on small{color:var(--muted)!important}.cover-card.is-active{border-color:var(--accent)!important;background:#fff!important;color:var(--ink)!important;box-shadow:0 0 0 1px var(--accent)}.tip{position:absolute;top:50%;left:8px;transform:translateY(-50%);z-index:5}.tip:hover,.tip:focus-within{z-index:80}.tip--inline{position:relative;top:auto;left:auto;transform:none;display:inline-flex;vertical-align:middle;margin-left:6px}.tip-btn{width:18px;height:18px;border-radius:50%;border:1px solid #c5cad3;background:#fff;color:#8a93a0;font-size:11px;font-weight:700;line-height:18px;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:help}.tip-pop{display:block;position:absolute;left:0;top:calc(100% + 8px);z-index:120;width:280px;background:#fff;background-color:#fff;opacity:1;isolation:isolate;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 32px #10182838;padding:12px 14px;text-align:left;color:var(--ink);font-weight:400;pointer-events:none}.tip-pop--portal{position:fixed;z-index:2147483000;left:0;top:0;display:block;background:#fff;background-color:#fff;opacity:1;pointer-events:none}.tip-pop strong{display:block;margin-bottom:6px;font-size:14px;background:#fff}.tip-pop p,.tip-body{margin:0;color:var(--muted);font-size:13px;line-height:1.45;background:#fff}.tip-img{display:block;margin:8px 0;background:#fff}.field>span{display:flex;align-items:center;flex-wrap:wrap;gap:2px}.split{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);gap:20px;align-items:stretch}.roof-diagram{width:100%;height:auto;background:#fafbfc;border-radius:12px}.roof-diagram .dim{font-size:12px;fill:#5b6470}.roof-diagram-wrap{background:#f7f8fa;border-radius:12px;padding:10px 12px;min-height:480px;height:100%;display:flex;align-items:center;justify-content:center}.roof-diagram-img{width:100%;height:100%;min-height:460px;max-height:none;object-fit:contain;display:block;transition:opacity .28s ease,transform .32s ease}.roof-diagram-wrap.is-out .roof-diagram-img{opacity:0;transform:scale(.975)}.dim-fields{transition:opacity .22s ease}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dim-fields,.soffit-fields{grid-template-columns:1fr;max-width:360px}.field,.dim-field{display:flex;flex-direction:column;gap:6px;font-size:14px}.dim-field__label{display:flex;align-items:center;gap:4px}.dim-field__ctrl{position:relative;display:block}.dim-field__ctrl input{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 44px 10px 12px;user-select:text;-webkit-user-select:text}.dim-field.is-on .dim-field__ctrl input{border-color:var(--accent)}.dim-badge{position:absolute;right:8px;top:50%;transform:translateY(-50%);min-width:28px;height:28px;padding:0 6px;border-radius:50%;background:#eceff3;color:#5b6470;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.dim-badge.is-on{background:var(--accent);color:#fff}.measure-hint{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;margin:0 0 12px}.field input,.field select,.plane-row input,.plane-row select,.settings-table input,.settings-table select{border:1px solid var(--line);border-radius:8px;padding:10px 12px;width:100%}.checks{display:grid;gap:10px;margin-top:16px;max-width:360px}.checks__line{display:flex;align-items:flex-start;gap:8px;min-width:0}.checks__line>span{min-width:0;line-height:1.35}.checks__line input[type=checkbox]{flex:0 0 auto;margin:3px 0 0}.checks__size{align-items:center}.checks__size select{width:auto;flex:0 0 auto;margin-left:auto;padding:6px 8px}.actions{display:flex;gap:10px;align-items:stretch;margin-top:24px}.actions>.rc-btn{flex:1 1 0;min-width:0;min-height:48px;padding:12px 16px}.primary{background:var(--accent);color:var(--accent-ink);border:1.5px solid var(--accent);border-radius:8px;padding:12px 22px;font-weight:700}.primary:disabled{opacity:.7;cursor:wait}.rc-btn.expert{background:var(--ink);color:#fff;border-color:var(--ink);padding:12px 22px}.rc-btn.expert:hover{filter:brightness(1.12)}.ghost{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 16px}.errors{color:#b42318}.note{color:var(--muted);font-size:13px}.lead{color:var(--muted);line-height:1.45}.layout-board{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.layout-board__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}.layout-board__size{color:var(--muted);font-size:13px;font-weight:600;white-space:nowrap}.layout-board__tools{display:flex;flex-wrap:wrap;gap:14px 28px;padding:12px 14px;background:#fafbfc;border-bottom:1px solid var(--line)}.layout-board__tools label{display:grid;gap:6px;min-width:220px;font-size:13px;color:var(--muted)}.layout-board__label{display:flex;flex-direction:column;gap:2px}.layout-board__limits{font-size:12px;font-weight:600;color:var(--ink);line-height:1.3}.stepper{display:grid;grid-template-columns:34px 92px 34px;gap:6px}.stepper button{border:1px solid var(--line);border-radius:8px;background:#fff;height:36px}.stepper input{height:36px;text-align:center;border:1px solid var(--line);border-radius:8px}.ramp-tabs{display:inline-flex;gap:2px;padding:3px;background:#f3f4f6;border-radius:10px;flex-wrap:wrap}.ramp-tabs button{border:0;background:transparent;border-radius:8px;padding:8px 14px;font-weight:600;color:var(--muted)}.ramp-tabs button.is-on{background:#fff;color:var(--ink);box-shadow:0 1px 2px #10182814}.layout-svg{width:100%;max-width:100%;height:auto;display:block;background:#f7f8fa;color:var(--accent);overflow:hidden;box-sizing:border-box}.sheet-len{font-size:11px;fill:#1c2430}.layout-title{font-size:13px;fill:#5b6470}.result-card{padding-top:0}.result-hatch{height:8px;margin:0 -32px 22px;background-image:repeating-linear-gradient(-45deg,#e87a2e 0 7px,#f3a056 7px 14px);background-size:20px 20px}.result-shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}.result-aside{position:sticky;top:12px;background:#f7f8fa;border-radius:12px;padding:16px;display:grid;gap:10px}.result-aside h3{margin:0 0 4px;font-size:16px}.result-kpis,.basket-list{list-style:none!important;list-style-type:none!important;margin:0;padding:0}.result-kpis{display:grid;gap:8px}.result-kpis li,.basket-list>li{list-style:none!important;list-style-type:none!important}.result-kpis li::marker,.basket-list>li::marker,.result-kpis li:before,.basket-list>li:before{content:none!important;display:none!important}.result-kpis li{display:flex;justify-content:space-between;gap:10px;font-size:13px}.result-kpis span{color:var(--muted)}.basket-block{margin:8px 0 28px}.basket-block__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:4px}.basket-block__head h3{margin:0;font-size:20px;font-weight:700}.basket-block__clear{border:0;background:none;color:var(--accent);font-size:13px;text-decoration:underline;padding:0;white-space:nowrap}.basket-item{padding:18px 0 12px;border-bottom:1px solid var(--line)}.basket-item.is-off,.basket-item.is-off .basket-item__title,.basket-item.is-off .basket-item__link,.basket-item.is-off .basket-item__price,.basket-item.is-off .basket-item__specs dt,.basket-item.is-off .basket-item__specs dd,.basket-item.is-off .basket-item__row,.basket-item.is-off .basket-item__itogo,.basket-item.is-off .basket-item__itogo span,.basket-item.is-off .basket-item__itogo strong,.basket-item.is-off .basket-item__line-sum,.basket-item.is-off .basket-item__hint{color:var(--muted, #8a8178)}.basket-item__product{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:start}.basket-item__desc{min-width:0;display:grid;gap:6px}.basket-item__head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.basket-item__visual{position:relative;width:100%;max-width:120px;height:90px;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#f4f6f8}.basket-item__warn{position:absolute;z-index:1;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:#e0a100;color:#fff;font-size:14px;font-weight:800;line-height:22px;text-align:center;box-shadow:0 1px 4px #00000040;cursor:help}.basket-item__img{width:100%;height:100%;display:block;object-fit:cover}.basket-item__img.is-concealed{filter:blur(8px);transform:scale(1.15)}.basket-item__wait{color:var(--muted, #8a8178);font-weight:600}.basket-item__order-tag{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:var(--theme-base-opacity-color, color-mix(in srgb, var(--accent) 12%, #fff));color:var(--theme-base-color, var(--accent));font-size:12px;font-weight:700;line-height:18px;vertical-align:middle;white-space:nowrap}.basket-item__price.is-concealed,.basket-item__itogo.is-concealed strong,.basket-item.is-concealed .basket-item__row-meta{filter:blur(6px);-webkit-user-select:none;user-select:none}.basket-list a.basket-item__link{color:inherit;text-decoration:none}.basket-list a.basket-item__link:hover{text-decoration:underline}.basket-list a.basket-item__gl{text-decoration:none;color:#d96a1f;background:#fff4eb}.basket-item__title{display:block;font-size:16px;font-weight:700;line-height:1.35;margin:0;flex:1 1 auto;min-width:0}.basket-item__gl{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:4px;background:#fff4eb;border:1px solid #f0b87a;color:#d96a1f;font-size:11px;font-weight:700;letter-spacing:.01em;vertical-align:2px;text-decoration:none}.basket-item__change{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border:1.5px solid var(--accent);border-radius:8px;background:transparent;color:var(--accent);font-size:14px;font-weight:700;letter-spacing:.01em;white-space:nowrap}.basket-item__change:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.basket-item__change-ico{width:18px;height:18px;flex:0 0 auto}.basket-item__hint{position:relative;margin:2px 0 0;font-size:12px;line-height:1.4;color:#a05a00;cursor:help;outline:none}.basket-item__tip{position:absolute;z-index:6;left:0;top:calc(100% + 6px);width:min(320px,70vw);padding:10px 12px;border:1px solid #e4c56a;border-radius:8px;background:#fff;box-shadow:0 8px 24px #0000001f;color:#3a2a00;font-size:12px;font-weight:500;line-height:1.45;opacity:0;visibility:hidden;pointer-events:none}.basket-item:has(.basket-item__hint:hover),.basket-item:has(.basket-item__hint:focus){position:relative;z-index:4}.basket-item__hint:hover .basket-item__tip,.basket-item__hint:focus .basket-item__tip,.basket-item__hint:focus-within .basket-item__tip{opacity:1;visibility:visible}.basket-item__swap{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px}.basket-item__swap select{max-width:100%;height:32px}.basket-item__specs{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}.basket-item__specs dl{margin:0;display:flex;gap:5px;font-size:13px;flex:0 0 auto}.basket-item__specs dt{color:var(--muted)}.basket-item__specs dd{margin:0;font-weight:600}.basket-item__price-box:has(.basket-item__change){flex-direction:column;align-items:flex-end;gap:8px}.basket-item__price-box{display:flex;align-items:center;gap:14px;white-space:nowrap;flex:0 0 auto;padding-top:0}.basket-item__price{font-size:18px;font-weight:700;line-height:1.35}.color-swatches{display:grid;gap:6px;margin-top:2px}.color-swatches__label{font-size:13px;color:var(--muted)}.color-swatches__label strong{color:var(--ink);font-weight:600}.color-swatches__row{display:flex;flex-wrap:wrap;gap:6px}.color-swatch{width:36px;height:36px;padding:0;border:1px solid #d0d5dd;border-radius:4px;overflow:hidden;background:#fff;cursor:pointer;box-sizing:border-box}.color-swatch img,.color-swatch__ph{width:100%;height:100%;display:block;object-fit:cover}.color-swatch__ph{background:linear-gradient(135deg,#cfd6de,#eef1f4)}.color-swatch.is-on{border-color:var(--accent);border-width:2px;box-shadow:none}.basket-item__drop{border:0;background:none;color:#9aa3ae;font-size:22px;line-height:1;width:20px;padding:0;text-align:center}.basket-item__drop:hover{color:var(--accent-2)}.basket-item__row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:2px;padding:0;font-size:14px;color:var(--muted)}.basket-item__row-meta{display:flex;flex-wrap:wrap;gap:6px 28px}.basket-item__line-sum{color:var(--ink);font-size:15px;white-space:nowrap}.basket-item__itogo{display:flex;gap:10px;align-items:baseline;color:var(--ink)}.basket-item__itogo span{color:var(--muted)}.basket-item__itogo strong{font-size:16px}.basket-item__row--total{border-top:1px solid var(--line);padding-top:10px}.product-thumb{width:96px;height:72px;display:block;border-radius:6px;object-fit:cover;border:1px solid var(--line);background:#f4f6f8}.result-total{background:#fff;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px}.result-total strong{font-size:26px;color:var(--accent);white-space:nowrap}.result-aside .ghost,.result-aside .primary{width:100%}.cover-picker-back{position:fixed;inset:0;z-index:1200;background:#10182873;display:flex;align-items:center;justify-content:center;padding:16px}.cover-picker{width:min(1100px,100%);max-height:min(92vh,900px);background:#fff;border-radius:10px;box-shadow:0 20px 50px #10182847;display:flex;flex-direction:column;overflow:hidden}.cover-picker__head{display:flex;justify-content:space-between;gap:16px;padding:18px 20px 10px;border-bottom:1px solid var(--line)}.cover-picker__head h3{margin:0 0 6px;font-size:22px}.cover-picker__head p{margin:0;color:var(--muted);font-size:14px}.cover-picker__close{border:0;background:none;font-size:28px;line-height:1;color:#8a93a0;padding:0 4px}.cover-filter{margin:14px 20px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 2px 8px #1018280d}.cover-filter__fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:16px;border-bottom:1px solid var(--line)}.cover-filter__field{position:relative;display:block;min-width:0}.cover-filter__field+.cover-filter__field select{border-left-width:0}.cover-filter__field:first-child select{border-radius:6px 0 0 6px}.cover-filter__field:last-child select{border-radius:0 6px 6px 0}.cover-filter__field:after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:1.5px solid #4b5563;border-bottom:1.5px solid #4b5563;transform:translateY(-70%) rotate(45deg);pointer-events:none}.cover-filter__field select{width:100%;height:36px;padding:0 32px 0 10px;border:1px solid #d0d5dd;border-radius:0;background:#fff;color:var(--ink);font:inherit;font-size:14px;appearance:none;cursor:pointer;text-overflow:ellipsis}.cover-filter__field select:disabled{color:#a0a7b1;cursor:default}.cover-filter__field.is-set select{color:var(--accent);font-weight:600}.cover-filter__field select:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;position:relative;z-index:1}.cover-filter__bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;flex-wrap:wrap}.cover-filter__note{background:#fdf1d8;color:#6b5320;font-size:12px;border-radius:4px;padding:5px 10px}.cover-filter__actions{display:flex;align-items:center;gap:20px;margin-left:auto}.cover-filter__reset{border:0;background:none;padding:0;color:var(--muted);font-size:13px;border-bottom:1px dashed currentColor;cursor:pointer}.cover-filter__reset:hover{color:var(--accent)}.cover-filter__show{height:40px;padding:0 28px;border:0;border-radius:4px;background:var(--accent);color:#fff;font-weight:600}.cover-card__code{font-size:12px;color:var(--muted);text-align:right}.cover-picker__grid{padding:0 20px 20px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:max-content;gap:14px;align-content:start;flex:1 1 auto;min-height:0}.cover-picker__empty{grid-column:1 / -1;margin:24px 0;text-align:center;color:var(--muted)}.cover-card{border:1px solid #e4e7ec;border-radius:8px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.cover-card.is-active{border-color:var(--accent);background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--accent)}.cover-card__media{aspect-ratio:4 / 3;background:#f4f6f8;overflow:hidden}.cover-card__media img,.cover-card__ph{width:100%;height:100%;display:block;object-fit:cover}.cover-card__ph{background:linear-gradient(135deg,#e8edf2,#f7f8fa)}.cover-card__body{padding:12px;display:grid;gap:8px;flex:1}.cover-card__body h4{margin:0;font-size:14px;line-height:1.35;font-weight:600;min-height:38px}.cover-card__foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto}.cover-card__foot strong{font-size:16px}.cover-card__pick{border:0;background:var(--accent);color:#fff;border-radius:4px;height:32px;padding:0 12px;font-weight:700;font-size:13px}.cover-card.is-active .cover-card__pick{background:var(--accent);color:var(--accent-ink)}@media(prefers-reduced-motion:reduce){.steps-hatch i,.calc-preloader__stripe,.type-track,.roof-diagram-img,.type-card{animation:none;transition:none}}.drawer-back{position:fixed;inset:0;background:#10182859;display:flex;justify-content:flex-end;z-index:20}.drawer{width:min(560px,100%);background:#fff;height:100%;overflow:auto;padding:20px}.drawer header{display:flex;justify-content:space-between;align-items:center}.settings-table{width:100%;border-collapse:collapse;margin:16px 0}.settings-table td,.settings-table th{border-bottom:1px solid var(--line);padding:8px 4px;text-align:left}.settings-table small{display:block;color:var(--muted)}.complex-list,.plane-row{display:grid;gap:8px}.plane-row{grid-template-columns:1fr 140px 1fr 1fr auto auto;align-items:center}@media(max-width:980px){.split,.layout-wrap,.fields,.result-shell{grid-template-columns:minmax(0,1fr)}.result-main,.basket-list,.basket-block,.basket-item,.basket-item__product,.basket-item__desc,.basket-item__head,.basket-item__specs,.basket-item__row,.basket-item__row-meta,.basket-item__price-box{min-width:0;max-width:100%}.basket-item__product{grid-template-columns:72px minmax(0,1fr);gap:12px}.basket-item__visual{max-width:none;height:56px}.basket-item__head{flex-direction:column;align-items:stretch;gap:8px}.basket-item__title{overflow-wrap:break-word}.basket-block__head{flex-wrap:wrap;align-items:flex-start}.basket-block__clear{white-space:normal;text-align:left}.basket-item__specs dl{flex:1 1 100%;min-width:0}.actions{flex-direction:column}.actions>.rc-btn{flex:none;width:100%;height:48px;padding:0 12px;white-space:nowrap;font-size:clamp(14px,3.6vw,16px)}.profile-rail .mat-grid{container-type:inline-size;padding:6px;margin:0;scroll-padding-inline:6px}.profile-rail .mat-grid>*{flex:0 0 calc((100cqi - 12px)/2);width:calc((100cqi - 12px)/2);min-width:calc((100cqi - 12px)/2);max-width:calc((100cqi - 12px)/2)}.profile-rail .mat-card__name,.profile-rail .mat-card__name b{white-space:normal}.basket-item__price-box,.basket-item__price-box:has(.basket-item__change){flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;white-space:normal;gap:8px 12px}.basket-item__row{flex-wrap:wrap;align-items:flex-start;padding-left:0}.basket-item__row-meta{flex:1 1 140px}.basket-item__itogo,.basket-item__line-sum{margin-left:auto}.result-aside{position:static}.result-hatch{margin:0 -16px 18px}.type-viewport,.mat-grid{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}.type-viewport::-webkit-scrollbar,.mat-grid::-webkit-scrollbar{display:none}.type-track{transform:none!important;transition:none}.type-card{width:calc((100cqi - 12px) / 2.25);scroll-snap-align:start}.type-nav{display:none}.roof-diagram-wrap{min-height:280px}.roof-diagram-img{min-height:240px}.mat-grid,.mat-grid:has(.cut-card){display:flex;gap:12px;padding:2px;margin-left:-2px;margin-right:-2px}.mat-grid>*{flex:0 0 auto;min-width:calc((100% - 12px) / 2.25);scroll-snap-align:start}.mat-grid>.cut-card{flex-basis:calc((100% - 12px) / 2.25)}.mat-card__name{white-space:nowrap;-webkit-hyphens:manual;hyphens:manual}.scroll-nav{display:inline-flex;position:absolute;top:50%;z-index:4;width:32px;height:32px;transform:translateY(-50%);box-shadow:0 2px 8px #1018282e}.scroll-nav.prev{left:-32px}.scroll-nav.next{right:-32px}.cover-filter{margin:10px 12px}.cover-filter__fields{grid-template-columns:1fr;gap:8px;padding:12px}.cover-filter__fields .cover-filter__field select{border-width:1px;border-radius:6px}.cover-filter__bar{padding:12px}.cover-filter__actions{width:100%;justify-content:space-between}.plane-row{grid-template-columns:1fr 1fr}.top{flex-direction:column}.card{padding:16px}.steps-row button{font-size:13px;padding:12px 8px}}@media print{.top button,.steps,.actions,.drawer-back{display:none!important}.app{max-width:none;padding:0}.card{box-shadow:none}}