.frk-substrate-selector{--frk-sub-navy: #082637;--frk-sub-text: #22313b;--frk-sub-muted: #5c6971;--frk-sub-green: #20a25d;--frk-sub-green-dark: #13723f;--frk-sub-green-pale: #e6f7ed;--frk-sub-green-border: #a9dfbd;--frk-sub-amber: #c98216;--frk-sub-amber-pale: #fff4dd;--frk-sub-amber-border: #efd19b;--frk-sub-border: #dde5e1;--frk-sub-surface: #fff;padding:16px 16px 17px;border-top:1px solid var(--frk-sub-border);color:var(--frk-sub-text)}.frk-substrate-selector__head{display:flex;align-items:flex-start;gap:10px;margin-bottom:13px}.frk-substrate-selector__heading-wrap{min-width:0}.frk-substrate-selector__heading-wrap h3{margin:0;color:var(--frk-sub-text);font-size:16px;font-weight:780;line-height:1.25}.frk-substrate-selector__heading-wrap p{margin:3px 0 0;color:var(--frk-sub-muted);font-size:11.5px;line-height:1.35}.frk-substrate-selector__rail{position:relative;display:flex;align-items:center;gap:8px}.frk-substrate-selector__viewport{min-width:0;flex:1 1 auto;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.frk-substrate-selector__viewport::-webkit-scrollbar{display:none}.frk-substrate-selector__viewport:focus-visible{outline:2px solid var(--frk-sub-green);outline-offset:3px;border-radius:12px}.frk-substrate-selector__track{display:flex;width:max-content;min-width:100%;gap:8px;padding:2px}.frk-substrate-selector__option{position:relative;display:flex;min-width:86px;min-height:94px;flex:0 0 86px;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 7px 7px;border:1px solid #dbe3df;border-radius:12px;background:#fff;color:#34434b;font:inherit;cursor:pointer;scroll-snap-align:start;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.frk-substrate-selector__option:hover,.frk-substrate-selector__option:focus-visible{border-color:#9bd6b1;background:#f6fcf8;box-shadow:0 5px 15px #10522f14;outline:none;transform:translateY(-1px)}.frk-substrate-selector__option.is-active{border-color:var(--frk-sub-green);background:#f2fbf6;box-shadow:0 0 0 1px #20a25d14,0 6px 18px #10522f14;color:#17372a}.frk-substrate-selector__option[data-frk-substrate-option=concrete].is-active{border-color:var(--frk-sub-amber);background:#fffaf0;box-shadow:0 0 0 1px #c9821617,0 6px 18px #764b0c17;color:#5f3b05}.frk-substrate-selector__option[data-frk-substrate-option=asphalt].is-active,.frk-substrate-selector__option[data-frk-substrate-option=felt].is-active,.frk-substrate-selector__option[data-frk-substrate-option=grp].is-active,.frk-substrate-selector__option[data-frk-substrate-option=pir].is-active{border-color:#6f8189;background:#f5f8f8;box-shadow:0 0 0 1px #3d525b0f,0 6px 18px #08263712;color:#20343d}.frk-substrate-selector__option-image{position:relative;display:block;width:52px;height:52px;flex:0 0 52px}.frk-substrate-selector__option-image img,.frk-substrate-panel__media img,.frk-substrate-sheet__summary-image img{display:block;width:100%;max-width:none!important;height:100%;border-radius:50%;object-fit:cover}.frk-substrate-selector__option-mark{position:absolute;top:-4px;right:-4px;display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;border:2px solid #fff;border-radius:50%;color:#fff;font-size:10px;font-weight:900;line-height:1}.frk-substrate-selector__option-mark--green{background:var(--frk-sub-green)}.frk-substrate-selector__option-mark--amber{background:var(--frk-sub-amber)}.frk-substrate-selector__option-label{display:block;display:-webkit-box;min-height:27px;max-width:82px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:11.5px;font-weight:730;line-height:1.18;text-align:center}.frk-substrate-selector__arrow{position:relative;z-index:2;display:inline-flex;width:34px;height:34px;flex:0 0 34px;align-items:center;justify-content:center;padding:0;border:1px solid #d8e1dd;border-radius:50%;background:#fff;color:#24373f;cursor:pointer;box-shadow:0 4px 12px #08263712}.frk-substrate-selector__arrow:hover,.frk-substrate-selector__arrow:focus-visible{border-color:#9bd6b1;background:#f1faf5;outline:none}.frk-substrate-selector__arrow:disabled{opacity:.35;cursor:default}.frk-substrate-selector__arrow[hidden]{display:none!important}.frk-substrate-selector__arrow.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.frk-substrate-selector__rail:before,.frk-substrate-selector__rail:after{position:absolute;z-index:1;top:0;bottom:0;width:34px;opacity:0;pointer-events:none;content:"";transition:opacity .16s ease}.frk-substrate-selector__rail:before{left:0;background:linear-gradient(90deg,#fff 10%,#fff0)}.frk-substrate-selector__rail:after{right:0;background:linear-gradient(270deg,#fff 10%,#fff0)}.frk-substrate-selector.has-left-overflow .frk-substrate-selector__rail:before,.frk-substrate-selector.has-right-overflow .frk-substrate-selector__rail:after{opacity:.92}.frk-substrate-selector__panels{margin-top:12px}.frk-substrate-panel{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:start;gap:14px;padding:14px;border:1px solid var(--frk-sub-border);border-radius:13px;background:#fff}.frk-substrate-panel[hidden]{display:none!important}.frk-substrate-panel--recommended{border-color:var(--frk-sub-green-border);background:linear-gradient(135deg,#fbfffc,#f1fbf5)}.frk-substrate-panel--concrete{border-color:var(--frk-sub-amber-border);background:linear-gradient(135deg,#fffdf9,#fff8e9)}.frk-substrate-panel--concrete{display:block}.frk-substrate-panel__intro{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:start;gap:14px}.frk-substrate-panel__g4-card{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:13px;margin-top:13px;padding:12px;border:1px solid rgba(201,130,22,.22);border-radius:12px;background:#ffffffdb;box-shadow:0 5px 16px #5c39070d}.frk-substrate-panel__g4-image{display:flex;width:92px;height:92px;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e8e1d6;border-radius:10px;background:#fff}.frk-substrate-panel__g4-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:50% 46%;transform:scale(1.42);transform-origin:50% 46%}.frk-substrate-panel__g4-info{min-width:0}.frk-substrate-panel__g4-kicker{display:block;margin-bottom:5px;color:#634006;font-size:12px;font-weight:820;line-height:1.2}.frk-substrate-panel--contact{background:#fbfcfc}.frk-substrate-panel__media{position:relative;width:70px;height:70px}.frk-substrate-panel__check,.frk-substrate-panel__warning{position:absolute;top:-3px;right:-3px;display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border:2px solid #fff;border-radius:50%;color:#fff;font-size:13px;font-weight:900;box-shadow:0 3px 10px #08263724}.frk-substrate-panel__check{background:var(--frk-sub-green)}.frk-substrate-panel__warning{background:var(--frk-sub-amber)}.frk-substrate-panel__content{min-width:0}.frk-substrate-panel__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:6px}.frk-substrate-panel__title-row h4{margin:0;color:#1d3039;font-size:16px;font-weight:780;line-height:1.2}.frk-substrate-panel__badge{display:inline-flex;align-items:center;min-height:22px;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;line-height:1;white-space:nowrap}.frk-substrate-panel__badge--green{background:var(--frk-sub-green-pale);color:var(--frk-sub-green-dark)}.frk-substrate-panel__badge--amber{background:var(--frk-sub-amber-pale);color:#8c5708}.frk-substrate-panel__badge--neutral{background:#edf2ef;color:#47565d}.frk-substrate-panel__content>p{margin:0;color:var(--frk-sub-muted);font-size:12px;line-height:1.45}.frk-substrate-panel__quote-note{margin-top:7px!important;font-size:11.5px!important}.frk-substrate-panel__text-link{display:inline-flex;align-items:center;gap:4px;margin-top:9px;padding:0;border:0;background:transparent;color:var(--frk-sub-green-dark);font:inherit;font-size:12px;font-weight:800;cursor:pointer}.frk-substrate-panel__text-link:hover,.frk-substrate-panel__text-link:focus-visible{color:#084d2a;outline:none;text-decoration:underline;text-underline-offset:3px}.frk-substrate-panel__calculation{display:grid;gap:2px}.frk-substrate-panel__calculation span{color:#68747a;font-size:10.5px;font-weight:650}.frk-substrate-panel__calculation strong{display:block;margin-top:1px;color:#633d05;font-size:20px;font-weight:840;line-height:1.1;white-space:nowrap}.frk-substrate-panel__calculation small{color:#8a6734;font-size:10px}.frk-substrate-panel__pack-line{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:9px;padding-top:8px;border-top:1px solid #eee4d3;color:#59666d;font-size:11px}.frk-substrate-panel__pack-line strong{color:#263940;font-size:11.5px;text-align:right}.frk-substrate-panel__pack-overage{display:block;margin-top:5px;color:#8a6734;font-size:9.5px;line-height:1.3;text-align:right}.frk-substrate-panel__pack-overage[hidden]{display:none}.frk-substrate-panel__pack-line--total{margin-top:7px;padding-top:7px}.frk-substrate-panel__pack-line--total>strong{display:inline-flex;align-items:center;justify-content:flex-end;min-height:24px;font-size:13px;font-weight:850}.frk-substrate-panel__pack-line--total .vat-display,.frk-substrate-panel__pack-line--total .vat-display--single{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px}.frk-substrate-panel__pack-line--total .vat-main{color:#263940;font-size:13px;font-weight:850}.frk-substrate-panel__pack-line--total .vat-pill{display:inline-flex;align-items:center;min-height:17px;padding:2px 5px;border-radius:999px;background:#fff1cf;color:#83540d;font-size:8px;font-weight:800;line-height:1;white-space:nowrap}.frk-substrate-panel__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.frk-substrate-panel--concrete>.frk-substrate-panel__actions{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr)}.frk-substrate-panel__button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #cad6d0;border-radius:9px;background:#fff;color:#24404a;font-size:11px;font-weight:760;line-height:1.2;text-align:center;text-decoration:none}.frk-substrate-panel__button:hover,.frk-substrate-panel__button:focus-visible{border-color:#8cc9a5;background:#f3fbf6;outline:none}.frk-substrate-panel__button--primary{border-color:var(--frk-sub-navy);background:var(--frk-sub-navy);color:#fff}.frk-substrate-panel__button--primary:hover,.frk-substrate-panel__button--primary:focus-visible{border-color:#0d3b50;background:#0d3b50;color:#fff}body.frk-substrate-sheet-open{overflow:hidden}dialog.frk-substrate-sheet{position:fixed;z-index:100001;top:auto;right:0;bottom:0;left:0;width:100%;max-width:none;max-height:88dvh;margin:0;padding:0;overflow:visible;border:0;border-radius:22px 22px 0 0;background:transparent;color:var(--frk-sub-text)}dialog.frk-substrate-sheet::backdrop{background:#030d149e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.frk-substrate-sheet__panel{display:flex;max-height:88dvh;flex-direction:column;overflow:hidden;border:1px solid rgba(8,38,55,.11);border-right:0;border-bottom:0;border-left:0;border-radius:22px 22px 0 0;background:#fff;box-shadow:0 -16px 48px #0003}.frk-substrate-sheet__handle{width:46px;height:4px;flex:0 0 auto;margin:10px auto 4px;border-radius:999px;background:#c8d0d3}.frk-substrate-sheet__header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 17px 13px;border-bottom:1px solid #edf0f1}.frk-substrate-sheet__header h2{margin:0;color:#13242e;font-size:20px;font-weight:790;line-height:1.2}.frk-substrate-sheet__header button{display:inline-flex;width:40px;height:40px;flex:0 0 40px;align-items:center;justify-content:center;padding:0;border:1px solid #d8e0dd;border-radius:50%;background:#f7faf8;color:#263840;cursor:pointer}.frk-substrate-sheet__scroll{min-height:0;padding:15px 16px 18px;overflow-y:auto;overscroll-behavior:contain}.frk-substrate-sheet__summary{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:14px;margin-bottom:14px}.frk-substrate-sheet__summary-image{position:relative;width:86px;height:86px}.frk-substrate-sheet__summary-image span{position:absolute;top:-3px;right:-3px;display:inline-flex;width:25px;height:25px;align-items:center;justify-content:center;border:2px solid #fff;border-radius:50%;background:var(--frk-sub-green);color:#fff;font-size:13px;font-weight:900}.frk-substrate-sheet__summary h3{margin:0 0 5px;color:#172a34;font-size:17px;font-weight:790}.frk-substrate-sheet__summary p{margin:6px 0 0;color:var(--frk-sub-muted);font-size:12px;line-height:1.45}.frk-substrate-sheet__section{margin-top:11px;padding:14px;border:1px solid #dfe7e2;border-radius:13px;background:#fbfdfc}.frk-substrate-sheet__section h3{margin:0 0 9px;color:#172a34;font-size:14px;font-weight:790}.frk-substrate-sheet__section p,.frk-substrate-sheet__checklist,.frk-substrate-sheet__spec-list{color:#4e5f67;font-size:12px;line-height:1.48}.frk-substrate-sheet__section p{margin:0 0 9px}.frk-substrate-sheet__checklist{margin:0;padding:0;list-style:none}.frk-substrate-sheet__checklist li{position:relative;margin:7px 0;padding-left:25px}.frk-substrate-sheet__checklist li:before{position:absolute;top:0;left:0;display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;border-radius:50%;background:var(--frk-sub-green);color:#fff;content:"\2713";font-size:11px;font-weight:900}.frk-substrate-sheet__spec-list{margin:0;padding-left:19px}.frk-substrate-sheet__spec-list li{margin:6px 0}.frk-substrate-sheet__note{margin:10px 0 0!important;padding-top:10px;border-top:1px solid #e1e8e4}.frk-substrate-sheet__footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:12px 16px max(14px,env(safe-area-inset-bottom));border-top:1px solid #e6ebE8;background:#fff}.frk-substrate-sheet__footer--close-only{grid-template-columns:1fr}.frk-substrate-sheet__footer a,.frk-substrate-sheet__footer button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:10px;font:inherit;font-size:12px;font-weight:790;text-align:center;text-decoration:none;cursor:pointer}.frk-substrate-sheet__footer a{border:1px solid var(--frk-sub-navy);background:var(--frk-sub-navy);color:#fff}.frk-substrate-sheet__footer button{border:1px solid #cbd5d9;background:#fff;color:#20343d}@media(min-width:768px){.frk-substrate-selector{padding:17px 18px 18px}.frk-substrate-selector__option{min-width:88px;flex-basis:88px}.frk-substrate-panel{grid-template-columns:78px minmax(0,1fr)}dialog.frk-substrate-sheet{top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:none;border-radius:0}.frk-substrate-sheet__panel{position:fixed;top:0;right:0;width:min(540px,100%);height:100%;max-height:none;border-top:0;border-right:0;border-bottom:0;border-radius:0;box-shadow:-12px 0 35px #0000002e}dialog.frk-substrate-sheet[open] .frk-substrate-sheet__panel{animation:frk-substrate-drawer-in .22s ease-out both}.frk-substrate-sheet__handle{display:none}.frk-substrate-sheet__header{padding:22px 24px 17px}.frk-substrate-sheet__header h2{font-size:23px}.frk-substrate-sheet__scroll{padding:20px 24px 24px}.frk-substrate-sheet__footer{padding:14px 24px 20px}}@media(max-width:767px){.frk-substrate-selector{padding:15px 13px 16px}.frk-substrate-selector__rail{gap:0}.frk-substrate-selector__viewport{width:100%}.frk-substrate-selector__arrow{position:absolute;z-index:4;top:49%;display:inline-flex;width:34px;height:34px;flex-basis:34px;transform:translateY(-50%);border-color:#20a25d47;box-shadow:0 6px 18px #08263729;transition:opacity .16s ease,visibility .16s ease,transform .16s ease,background .16s ease}.frk-substrate-selector__arrow--prev{left:1px}.frk-substrate-selector__arrow--next{right:1px}.frk-substrate-selector__arrow:not(:disabled):active{transform:translateY(-50%) scale(.95)}.frk-substrate-selector__viewport{scroll-padding-inline:4px 40px}.frk-substrate-selector__track{gap:8px;padding:2px 38px 2px 3px}.frk-substrate-selector__option{min-width:90px;min-height:104px;flex-basis:90px;gap:7px;padding:8px 6px 7px;border-radius:13px}.frk-substrate-selector__option-image{width:62px;height:62px;flex-basis:62px}.frk-substrate-selector__option-label{min-height:28px;max-width:82px;font-size:11.5px}.frk-substrate-selector__option-mark{top:-3px;right:-3px;width:22px;height:22px;font-size:11px}.frk-substrate-panel{grid-template-columns:60px minmax(0,1fr);gap:11px;padding:13px}.frk-substrate-panel__intro{grid-template-columns:60px minmax(0,1fr);gap:11px}.frk-substrate-panel__media{width:58px;height:58px}.frk-substrate-panel__g4-card{grid-template-columns:82px minmax(0,1fr);gap:11px;padding:10px}.frk-substrate-panel__g4-image{width:82px;height:92px}.frk-substrate-panel__title-row h4{font-size:15px}.frk-substrate-panel__calculation strong{margin-top:1px}.frk-substrate-panel__actions,.frk-substrate-panel--concrete>.frk-substrate-panel__actions{display:grid;grid-template-columns:1fr}.frk-substrate-panel__button{width:100%;min-height:42px}}@media(max-width:390px){.frk-substrate-selector__option{min-width:86px;flex-basis:86px}.frk-substrate-selector__option-image{width:58px;height:58px;flex-basis:58px}.frk-substrate-panel,.frk-substrate-panel__intro{grid-template-columns:54px minmax(0,1fr)}.frk-substrate-panel__media{width:52px;height:52px}.frk-substrate-panel__g4-card{grid-template-columns:72px minmax(0,1fr)}.frk-substrate-panel__g4-image{width:72px;height:82px}}@keyframes frk-substrate-drawer-in{0%{opacity:.85;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.frk-substrate-selector__option,.frk-substrate-selector__arrow,dialog.frk-substrate-sheet[open] .frk-substrate-sheet__panel{transition:none;animation:none}}.frk-config-step__summary{display:none;margin:3px 0 0!important;color:#147545!important;font-size:12px!important;font-weight:760!important;line-height:1.3!important}.frk-config-step__toggle{display:none;align-items:center;justify-content:center;gap:3px;flex:0 0 auto;min-width:32px;height:32px;margin:-3px -5px 0 4px;padding:0 5px;border:0;border-radius:999px;background:transparent;color:#147545;font:inherit;cursor:pointer}.frk-config-step__toggle:hover,.frk-config-step__toggle:focus-visible{background:#e9f8f0;outline:none}.frk-config-step__toggle-label{font-size:10.5px;font-weight:800;line-height:1}.frk-config-step__toggle svg{flex:0 0 auto;transition:transform .18s ease}.frk-roof-size-selector__group.is-expanded .frk-config-step__toggle svg,.frk-substrate-selector.is-expanded .frk-config-step__toggle svg{transform:rotate(180deg)}.frk-roof-size-selector__all-sizes{display:inline-flex;align-items:center;gap:7px;min-width:0;padding:0;border:0;background:transparent;color:#69777d;font:inherit;font-size:11px;line-height:1.35;text-align:left;cursor:pointer}.frk-roof-size-selector__all-sizes strong{flex:0 0 auto;color:#08763f;font-size:10.5px;font-weight:800;text-decoration:underline;text-underline-offset:2px}.frk-roof-size-selector__all-sizes:hover strong,.frk-roof-size-selector__all-sizes:focus-visible strong{color:#055f33}.frk-roof-size-selector__all-sizes:focus-visible{outline:2px solid rgba(21,148,87,.3);outline-offset:3px;border-radius:4px}.frk-roof-size-selector__strength.is-active:after,.frk-roof-size-selector__strength[aria-current=page]:after{position:absolute;top:9px;right:9px;display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#fff;color:#147545;font-size:13px;font-weight:900;line-height:1;content:"\2713";box-shadow:0 3px 8px #00000021}body.frk-size-sheet-open{overflow:hidden}.frk-size-sheet{width:min(520px,calc(100vw - 28px));max-width:none;max-height:min(720px,calc(100dvh - 32px));margin:auto;padding:0;overflow:visible;border:0;border-radius:18px;background:transparent;color:#122b38}.frk-size-sheet::backdrop{background:#04151d8a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.frk-size-sheet__panel{overflow:hidden;border:1px solid #d8e3de;border-radius:18px;background:#fff;box-shadow:0 24px 65px #04151d42}.frk-size-sheet__handle{display:none;width:42px;height:4px;margin:9px auto 2px;border-radius:999px;background:#cad4d0}.frk-size-sheet__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 20px 14px}.frk-size-sheet__header h2{margin:0;color:#122b38;font-size:20px;font-weight:850;line-height:1.2}.frk-size-sheet__header p{margin:4px 0 0;color:#69777d;font-size:12px;line-height:1.35}.frk-size-sheet__header button{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;padding:0;border:1px solid #dbe4e0;border-radius:50%;background:#fff;color:#122b38;cursor:pointer}.frk-size-sheet__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:0 20px 18px}.frk-size-sheet__option{display:flex;min-height:58px;align-items:baseline;justify-content:center;gap:3px;padding:12px 8px;border:1px solid #dce4e1;border-radius:12px;background:#fff;color:#122b38;text-decoration:none;box-shadow:0 3px 10px #122b3806;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.frk-size-sheet__option strong{font-size:17px;font-weight:850;line-height:1}.frk-size-sheet__option span{font-size:10px;font-weight:750;opacity:.72}.frk-size-sheet__option:hover,.frk-size-sheet__option:focus-visible{border-color:#7dd8aa;background:#f5fcf8;color:#08763f;outline:none;transform:translateY(-1px);box-shadow:0 6px 14px #1594571a}.frk-size-sheet__option.is-active,.frk-size-sheet__option[aria-current=page]{border-color:#122b38;background:#122b38;color:#fff;box-shadow:0 7px 17px #122b3833}.frk-size-sheet__waste{display:flex;width:calc(100% - 40px);min-height:48px;align-items:center;gap:8px;margin:0 20px 20px;padding:10px 12px;border:0;border-radius:11px;background:linear-gradient(90deg,#edf9f2,#f5fbf7);color:#147545;font:inherit;font-size:11.5px;text-align:left;cursor:pointer}.frk-size-sheet__waste>span{display:grid;width:19px;height:19px;flex:0 0 19px;place-items:center;border-radius:50%;background:#159457;color:#fff;font-size:10px;font-weight:900}.frk-size-sheet__waste strong{flex:1 1 auto;font-weight:760}.frk-size-sheet__waste u{flex:0 0 auto;font-weight:800;text-underline-offset:2px}@media screen and (max-width:767px){.frk-config-step__toggle{display:inline-flex}.frk-roof-size-selector__group.is-collapsed,.frk-substrate-selector.is-collapsed{padding-top:12px;padding-bottom:12px}.frk-roof-size-selector__group.is-collapsed>.frk-roof-size-selector__head,.frk-substrate-selector.is-collapsed>.frk-substrate-selector__head{margin-bottom:0}.frk-roof-size-selector__group.is-collapsed>.frk-config-step__body,.frk-substrate-selector.is-collapsed>.frk-config-step__body{display:none}.frk-roof-size-selector__group.is-expanded>.frk-config-step__body,.frk-substrate-selector.is-expanded>.frk-config-step__body{animation:frkConfigStepReveal .19s ease both}.frk-roof-size-selector__group.is-collapsed .frk-config-step__intro,.frk-substrate-selector.is-collapsed .frk-config-step__intro{display:none}.frk-roof-size-selector__group.is-collapsed .frk-config-step__summary,.frk-substrate-selector.is-collapsed .frk-config-step__summary{display:block}.frk-roof-size-selector__group.is-expanded .frk-config-step__toggle-label,.frk-substrate-selector.is-expanded .frk-config-step__toggle-label,.frk-roof-size-selector__group.is-collapsed .frk-roof-size-selector__help-link--strength{display:none}.frk-roof-size-selector__heading-wrap,.frk-substrate-selector__heading-wrap{flex:1 1 auto}.frk-roof-size-selector__head,.frk-substrate-selector__head{align-items:flex-start}.frk-roof-size-selector__foot{gap:6px}.frk-roof-size-selector__all-sizes{width:100%;justify-content:space-between}.frk-size-sheet{width:100%;max-height:min(86dvh,720px);margin:auto 0 0;border-radius:20px 20px 0 0}.frk-size-sheet__panel{border-right:0;border-bottom:0;border-left:0;border-radius:20px 20px 0 0}.frk-size-sheet__handle{display:block}.frk-size-sheet__header{padding:12px 16px 13px}.frk-size-sheet__header h2{font-size:18px}.frk-size-sheet__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 16px 16px}.frk-size-sheet__option{min-height:54px;padding:10px 5px;border-radius:11px}.frk-size-sheet__option strong{font-size:16px}.frk-size-sheet__waste{width:calc(100% - 32px);margin:0 16px calc(16px + env(safe-area-inset-bottom))}}@media screen and (max-width:374px){.frk-config-step__toggle-label{display:none}.frk-size-sheet__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@keyframes frkConfigStepReveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.frk-roof-size-selector__group.is-expanded>.frk-config-step__body,.frk-substrate-selector.is-expanded>.frk-config-step__body{animation:none}}.frk-roof-size-selector__strength.is-active,.frk-roof-size-selector__strength[aria-current=page]{padding-right:35px}@media screen and (max-width:389px){.frk-roof-size-selector__strength.is-active,.frk-roof-size-selector__strength[aria-current=page]{padding-right:29px}.frk-roof-size-selector__strength.is-active:after,.frk-roof-size-selector__strength[aria-current=page]:after{top:7px;right:7px;width:19px;height:19px;font-size:11px}}.frk-roof-size-selector__chip{flex-direction:column;align-items:center;gap:4px;min-height:58px;padding-top:8px;padding-bottom:7px}.frk-roof-size-selector__chip-size{display:inline-flex;align-items:baseline;justify-content:center;gap:2px}.frk-roof-size-selector__chip-size strong{font:inherit}.frk-roof-size-selector__chip-price{display:block;min-height:13px;color:#60717a;font-size:10px;font-weight:800;line-height:1.15;white-space:nowrap}.frk-roof-size-selector__chip-price.is-saving{color:#2a65ae}.frk-roof-size-selector__chip-price.is-increase{color:#d34a44}.frk-roof-size-selector__chip-price.is-current,.frk-roof-size-selector__chip.is-active .frk-roof-size-selector__chip-price{color:#ffffffdb}.frk-roof-size-selector__status{display:block;color:#6a777d}.frk-roof-size-selector__all-sizes{width:100%;min-height:46px;justify-content:center;gap:9px;margin-top:3px;padding:10px 13px;border:1px solid #d7e2de;border-radius:12px;background:#fff;color:#08763f;box-shadow:0 2px 8px #122b3806}.frk-roof-size-selector__all-sizes strong{flex:0 0 auto;font-size:12px;text-decoration:none}.frk-roof-size-selector__all-sizes>svg:last-child{margin-left:auto}.frk-roof-size-selector__all-sizes-icon{display:inline-grid;place-items:center;flex:0 0 18px}.frk-size-sheet__panel{max-height:min(720px,calc(100dvh - 32px));overflow-y:auto;overscroll-behavior:contain}.frk-size-sheet__option{position:relative;min-height:86px;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 7px;text-align:center}.frk-size-sheet__size{display:inline-flex;align-items:baseline;justify-content:center;gap:3px}.frk-size-sheet__option .frk-size-sheet__size strong{font-size:17px}.frk-size-sheet__option .frk-size-sheet__size span{font-size:10px;font-weight:750;opacity:.72}.frk-size-sheet__price{color:#63727b;font-size:11.5px;font-style:normal;font-weight:760;line-height:1.15}.frk-size-sheet__current{display:inline-flex;min-height:19px;align-items:center;padding:2px 8px;border-radius:999px;background:#ffffff29;color:#fff;font-size:9px;font-style:normal;font-weight:820;line-height:1}.frk-size-sheet__option.is-active .frk-size-sheet__price,.frk-size-sheet__option[aria-current=page] .frk-size-sheet__price{color:#ffffffe0}.frk-size-sheet__done{display:block;width:calc(100% - 40px);min-height:46px;margin:0 20px 20px;padding:10px 16px;border:0;border-radius:11px;background:#0d2e3d;color:#fff;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.frk-size-sheet__done:hover,.frk-size-sheet__done:focus-visible{background:#154457;outline:2px solid rgba(21,148,87,.32);outline-offset:2px}@media screen and (max-width:767px){.frk-roof-size-selector__chip{min-height:62px;padding-inline:7px}.frk-roof-size-selector__foot{width:100%;gap:7px;padding-left:34px}.frk-roof-size-selector__status{width:100%}.frk-roof-size-selector__help-link--waste{width:100%;justify-content:flex-start;text-align:left}.frk-roof-size-selector__all-sizes{width:100%}.frk-size-sheet__panel{max-height:min(88dvh,760px);padding-bottom:env(safe-area-inset-bottom)}.frk-size-sheet__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.frk-size-sheet__option{min-height:82px}.frk-size-sheet__done{width:calc(100% - 32px);margin:0 16px calc(14px + env(safe-area-inset-bottom))}}@media screen and (min-width:768px){.frk-config-step__body{display:block!important}}
/*# sourceMappingURL=/cdn/shop/t/145/assets/frk-substrate-selector.css.map */