.c-product-finder-drawer{--c-pfd-color-drawer-bg: #fff;--c-pfd-color-overlay: #000;--c-pfd-color-text: #111;--c-pfd-color-muted-text: #666;--c-pfd-color-button-bg: #111;--c-pfd-color-button-text: #fff;--c-pfd-color-button-secondary-bg: #f1f1f1;--c-pfd-color-button-secondary-text: #111;--c-pfd-color-border: #e6e6e6;--c-pfd-color-focus: #2d6cdf;--c-pfd-drawer-width: 90vw;--c-pfd-drawer-max-width: 560px;--c-pfd-overlay-opacity: .5;--c-pfd-overlay-blur: 8px;--c-pfd-radius: 16px;--c-pfd-padding: 10px;--c-pfd-gap: 14px;--c-pfd-heading-size: 24px;--c-pfd-body-size: 16px;--c-pfd-anim-ms: .25s;color:var(--c-pfd-color-text);font-size:var(--c-pfd-body-size)}.c-product-finder-drawer [v-cloak]{display:none}.c-product-finder-drawer__trigger-wrap{display:grid;gap:10px;justify-items:start}.c-product-finder-drawer__trigger{-webkit-appearance:none;appearance:none;border:1px solid var(--c-pfd-color-border);background:var(--c-pfd-color-button-bg);color:var(--c-pfd-color-button-text);border-radius:999px;padding:12px 18px;font-weight:600;line-height:1.1;cursor:pointer;transition:transform var(--c-pfd-anim-ms) ease,box-shadow var(--c-pfd-anim-ms) ease}.c-product-finder-drawer__trigger:focus-visible{outline:2px solid var(--c-pfd-color-focus);outline-offset:3px}.c-product-finder-drawer__trigger:hover{transform:translateY(-1px)}.c-product-finder-drawer__trigger-hint{margin:0;color:var(--c-pfd-color-muted-text);font-size:.875em}.c-product-finder-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--c-pfd-color-overlay);opacity:0;pointer-events:none;transition:opacity var(--c-pfd-anim-ms) ease;z-index:60}.c-product-finder-drawer__overlay.is-open{opacity:var(--c-pfd-overlay-opacity);pointer-events:auto}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.c-product-finder-drawer__overlay{-webkit-backdrop-filter:blur(var(--c-pfd-overlay-blur));backdrop-filter:blur(var(--c-pfd-overlay-blur))}}.c-product-finder-drawer__panel{position:fixed;top:0;right:0;height:100vh;width:var(--c-pfd-drawer-width);max-width:var(--c-pfd-drawer-max-width);background:var(--c-pfd-color-drawer-bg);transform:translate(100%);transition:transform var(--c-pfd-anim-ms) ease;z-index:61;display:grid;grid-template-rows:auto 1fr;box-shadow:0 12px 40px #0000002e;padding:1rem 1rem 0}@media (min-width: 700px){.c-product-finder-drawer__panel{padding:2rem 2rem 0}}.c-product-finder-drawer__panel.is-open{transform:translate(0)}.c-product-finder-drawer__panel:focus-visible{outline:2px solid var(--c-pfd-color-focus);outline-offset:2px}.c-product-finder-drawer__header{display:flex;align-items:center;justify-content:flex-end}.c-product-finder-drawer__close{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px;background:transparent;border:none;color:var(--c-pfd-color-text);cursor:pointer;transition:opacity var(--c-pfd-anim-ms) ease}.c-product-finder-drawer__close:hover{opacity:.7}.c-product-finder-drawer__close:focus-visible{outline:2px solid var(--c-pfd-color-focus);outline-offset:2px;border-radius:4px}.c-product-finder-drawer__close-icon{display:flex;align-items:center;justify-content:center}.c-product-finder-drawer__step-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 1rem 16px 0}@media (min-width: 700px){.c-product-finder-drawer__step-indicator{padding-right:2rem}}.c-product-finder-drawer__step-indicator-item{display:flex;flex-direction:column;align-items:center;gap:8px}.c-product-finder-drawer__step-indicator-circle{width:32px;height:32px;border-radius:50%;background:#fcfcfe;display:flex;align-items:center;justify-content:center;transition:background-color var(--c-pfd-anim-ms) ease}.c-product-finder-drawer__step-indicator-circle.is-completed{background:#f2c500}.c-product-finder-drawer__step-indicator-circle svg{display:block;width:16px;height:16px}.c-product-finder-drawer__step-indicator-label{font-size:12px;font-weight:500;line-height:1.2;color:var(--c-pfd-color-text);text-align:center}.c-product-finder-drawer__step-indicator-line{flex:1;height:3px;background:#fcfcfe;min-width:40px;max-width:83px;transition:background-color var(--c-pfd-anim-ms) ease}.c-product-finder-drawer__step-indicator-line.is-completed{background:#f2c500}.c-product-finder-drawer__body{padding:var(--c-pfd-padding);padding-right:0;padding-bottom:0;margin-right:-1rem;overflow-y:auto;overflow-x:clip;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column}.c-product-finder-drawer__body::-webkit-scrollbar{display:none}@media (min-width: 700px){.c-product-finder-drawer__body{margin-right:-2rem}}.c-product-finder-drawer__restart-button{position:relative;margin-left:auto;margin-top:16px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:transparent;border:none;color:var(--c-pfd-color-text);cursor:pointer;transition:opacity var(--c-pfd-anim-ms) ease;z-index:10}.c-product-finder-drawer__restart-button:hover{opacity:.7}.c-product-finder-drawer__restart-button:focus-visible{outline:2px solid var(--c-pfd-color-focus);outline-offset:2px;border-radius:4px}.c-product-finder-drawer__restart-button img{display:block;width:20px;height:20px;pointer-events:none}.c-product-finder-drawer__restart-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:400;line-height:1.2;color:var(--c-pfd-color-text);text-transform:capitalize}.c-product-finder-drawer__steps{margin-bottom:var(--c-pfd-gap)}.c-product-finder-drawer__heading{margin:0 0 16px;padding-right:1rem;font-family:Heebo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:700;line-height:1.2;color:var(--c-pfd-color-text)}@media (min-width: 700px){.c-product-finder-drawer__heading{padding-right:2rem}}.c-product-finder-drawer__subtitle{color:var(--c-pfd-color-text);margin:0 0 24px;padding-right:1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:400;line-height:1.4}@media (min-width: 700px){.c-product-finder-drawer__subtitle{padding-right:2rem}}.c-product-finder-drawer__subtitle p{margin:0}.c-product-finder-drawer__step1{display:grid;gap:24px;padding-right:1rem}@media (min-width: 700px){.c-product-finder-drawer__step1{padding-right:2rem}}.c-product-finder-drawer__step1-content{display:flex;flex-direction:column;gap:16px}.c-product-finder-drawer__step1-media{border-radius:var(--c-pfd-radius);overflow:hidden;border:1px solid var(--c-pfd-color-border)}.c-product-finder-drawer__step1-image{display:block;width:100%;height:auto}.c-product-finder-drawer__button{-webkit-appearance:none;appearance:none;border-radius:16px;padding:16px 24px;border:1px solid transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;font-size:16px;line-height:1.2;text-align:center;cursor:pointer;transition:transform var(--c-pfd-anim-ms) ease,box-shadow var(--c-pfd-anim-ms) ease;width:100%}.c-product-finder-drawer__button:focus-visible{outline:2px solid var(--c-pfd-color-focus);outline-offset:3px}.c-product-finder-drawer__button--primary{background:var(--c-pfd-color-button-bg);color:var(--c-pfd-color-button-text)}.c-product-finder-drawer__button--secondary{background:var(--c-pfd-color-button-secondary-bg);color:var(--c-pfd-color-button-secondary-text);border-color:var(--c-pfd-color-border)}.c-product-finder-drawer__button:hover{transform:translateY(-1px)}.c-product-finder-drawer__form{display:grid;gap:var(--c-pfd-gap);margin-top:var(--c-pfd-gap);padding-right:1rem}@media (min-width: 700px){.c-product-finder-drawer__form{padding-right:2rem}}.c-product-finder-drawer__manual-entry-button{-webkit-appearance:none;appearance:none;background:none;border:none;color:var(--c-pfd-color-muted-text);font-size:.875em;text-align:center;cursor:pointer;padding:8px 0;margin-top:8px;transition:opacity var(--c-pfd-anim-ms) ease}.c-product-finder-drawer__manual-entry-button:hover{opacity:.7}.c-product-finder-drawer__manual-entry-button:focus-visible{outline:2px solid var(--c-pfd-color-focus);outline-offset:2px;border-radius:4px}.c-product-finder-drawer__input-wrap{position:relative;display:grid}.c-product-finder-drawer__input{-webkit-appearance:none;appearance:none;width:100%;border-radius:12px;border:1px solid var(--c-pfd-color-border);background:#fff;padding:12px 42px 12px 12px;font-size:1em;color:var(--c-pfd-color-text)}.c-product-finder-drawer__input:focus-visible{outline:2px solid var(--c-pfd-color-focus);outline-offset:2px}.c-product-finder-drawer__input:disabled{background:#fcfcfe;color:#999;cursor:not-allowed;opacity:1}.c-product-finder-drawer__input--manual-roof-load{padding-right:50px}.c-product-finder-drawer__input-wrap:has(.c-product-finder-drawer__input--manual-roof-load):after{content:"kg";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--c-pfd-color-muted-text);pointer-events:none;font-size:1em}.c-product-finder-drawer__field{display:grid;gap:8px}.c-product-finder-drawer__error{color:#d32f2f;font-size:.875em;margin-top:4px;display:none}.c-product-finder-drawer__error.is-visible{display:block}.c-product-finder-drawer__label{font-weight:700;font-size:.95em}.c-product-finder-drawer__select-wrap{position:relative;display:grid}.c-product-finder-drawer__select{-webkit-appearance:none;appearance:none;width:100%;border-radius:12px;border:1px solid var(--c-pfd-color-border);background:#fff;padding:12px 42px 12px 12px;font-size:1em;color:var(--c-pfd-color-text)}.c-product-finder-drawer__select:disabled{opacity:.6;cursor:not-allowed}.c-product-finder-drawer__select:focus-visible{outline:2px solid var(--c-pfd-color-focus);outline-offset:2px}.c-product-finder-drawer__select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--c-pfd-color-muted-text)}.c-product-finder-drawer__accordion{margin-top:var(--c-pfd-gap);margin-right:1rem;border:1px solid #c0c0c0;border-radius:8px;overflow:hidden;background:#fff}@media (min-width: 700px){.c-product-finder-drawer__accordion{margin-right:2rem}}.c-product-finder-drawer__accordion-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;cursor:pointer}.c-product-finder-drawer__accordion-summary::-webkit-details-marker{display:none}.c-product-finder-drawer__accordion-title-wrap{display:flex;align-items:center;gap:4px;flex:1}.c-product-finder-drawer__accordion-info-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.c-product-finder-drawer__accordion-info-icon svg{width:18px;height:18px}.c-product-finder-drawer__accordion-title{font-weight:400;font-size:16px;line-height:1.4;color:var(--c-pfd-color-text)}.c-product-finder-drawer__accordion-chevron{flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform var(--c-pfd-anim-ms) ease}.c-product-finder-drawer__accordion[open] .c-product-finder-drawer__accordion-chevron{transform:rotate(180deg)}.c-product-finder-drawer__accordion-content{padding:0 12px 8px;color:var(--c-pfd-color-text);font-size:14px;line-height:1.4}.c-product-finder-drawer__preview-section{margin-top:24px;display:flex;flex-direction:column;gap:16px}.c-product-finder-drawer__preview-message{margin:0;padding-right:1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:400;line-height:1.4;color:var(--c-pfd-color-text)}@media (min-width: 700px){.c-product-finder-drawer__preview-message{padding-right:2rem}}.c-product-finder-drawer__preview-slider{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;opacity:.2;transition:opacity var(--c-pfd-anim-ms) ease;width:calc(100% + 1rem);padding-right:1rem}.c-product-finder-drawer__preview-slider::-webkit-scrollbar{display:none}.c-product-finder-drawer__preview-slider.is-complete{opacity:1}.c-product-finder-drawer__preview-card{flex:0 0 calc(66.666% - 8px);min-width:calc(66.666% - 8px);scroll-snap-align:start;transition:opacity var(--c-pfd-anim-ms) ease}.c-product-finder-drawer__preview-card>*{width:100%}@media (min-width: 700px){.c-product-finder-drawer__preview-slider{overflow-x:visible;flex-wrap:nowrap;width:calc(100% + 2rem);padding-right:2rem}.c-product-finder-drawer__preview-card{flex:1;min-width:0}}.custom-product-card-wrapper{position:relative;padding:.5rem 0}.c-product-finder-drawer .product-card__figure{margin:0 .5rem}.custom-product-card-wrapper--recommended{border:1px solid #000000;border-radius:12px;overflow:visible}.custom-product-card__recommendation-label{position:absolute;top:-23px;left:50%;transform:translate(-50%);background:#000;color:#fff;padding:4px 8px;border-radius:8px 8px 0 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:400;line-height:1.2;text-align:center;z-index:10;white-space:nowrap}.custom-product-card--recommended{border-radius:12px}.c-product-finder-drawer .product-card__image{border-top-left-radius:12px;border-top-right-radius:12px}.custom-product-card__more-button{margin-top:16px;width:100%}.custom-product-card__more-button .button{width:100%;justify-content:center}.c-product-finder-drawer__recommendation-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:calc(100% + 1rem);padding-right:1rem}.c-product-finder-drawer__recommendation-grid::-webkit-scrollbar{display:none}.c-product-finder-drawer__recommendation-grid>div{flex:0 0 calc(66.666% - 8px);min-width:calc(66.666% - 8px);scroll-snap-align:start}@media (min-width: 700px){.c-product-finder-drawer__recommendation-grid{overflow-x:visible;flex-wrap:nowrap;width:calc(100% + 2rem);padding-right:2rem}.c-product-finder-drawer__recommendation-grid>div{flex:1;min-width:0}}.c-product-finder-drawer__result{margin-top:var(--c-pfd-gap);margin-right:1rem;border-radius:var(--c-pfd-radius);padding:14px;border:1px solid var(--c-pfd-color-border)}@media (min-width: 700px){.c-product-finder-drawer__result{margin-right:2rem}}.c-product-finder-drawer__result--success{background:transparent;border:none;padding:0}.c-product-finder-drawer__success-box{background:#f4f9f2;border:1px solid #d0e6d8;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:4px}.c-product-finder-drawer__success-header{display:flex;align-items:center;gap:8px}.c-product-finder-drawer__success-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.c-product-finder-drawer__success-icon svg{width:20px;height:20px}.c-product-finder-drawer__success-heading{flex:1;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;line-height:1.4;color:#15803d}.c-product-finder-drawer__success-load{font-weight:600}.c-product-finder-drawer__success-text{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:400;line-height:1.4;color:var(--c-pfd-color-text)}.c-product-finder-drawer__success-text p{margin:0}.c-product-finder-drawer__result--error{background:#dc143c0f}.c-product-finder-drawer__recommendation{margin-top:35px;overflow:visible}.c-product-finder-drawer__product-card-wrapper{transition:opacity var(--c-pfd-anim-ms) ease}.c-product-finder-drawer__product-card-wrapper.c-product-finder-drawer__product-card--incompatible{opacity:.2}.c-product-finder-drawer__product-card-wrapper.c-product-finder-drawer__product-card--incompatible .custom-product-card__more-button a{pointer-events:none;cursor:not-allowed;opacity:.5}.c-product-finder-drawer.is-vue-missing .c-product-finder-drawer__overlay,.c-product-finder-drawer.is-vue-missing .c-product-finder-drawer__panel{display:none}
/*# sourceMappingURL=/cdn/shop/t/96/assets/custom-product-finder-drawer.css.map */