:root{--gd-primary: #00a482;--gd-primary-dark: #008c6d;--gd-secondary: #f09400;--gd-success: #4caf50;--gd-light-bg: #f5f5f5;--gd-card-bg: #ffffff;--gd-border: #e0e0e0;--gd-text-dark: #333333;--gd-text-light: #666666;--gd-shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--gd-shadow-md: 0 2px 6px rgba(0, 0, 0, .08);--gd-shadow-lg: 0 4px 12px rgba(0, 0, 0, .12);--gd-radius-sm: 8px;--gd-radius-md: 12px;--gd-radius-lg: 16px;--gd-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.groendak-configurator{font-size:14px}.groendak-configurator{position:relative;padding:24px 0;min-height:600px;display:flex;flex-direction:column;gap:24px}@media(min-width:1024px){.groendak-configurator{display:grid;grid-template-columns:1fr 320px;grid-template-rows:auto auto 1fr;gap:0 24px;align-items:start}.configurator-header{grid-column:1 / -1;margin-bottom:16px}.step-navigation{grid-column:1 / -1;margin-bottom:20px}.configurator-steps{grid-column:1 / 2;grid-row:3 / 4}.configurator-sidebar{grid-column:2 / 3;grid-row:3 / 4;align-self:start}}.configurator-header{text-align:center}.groendak-configurator:not([style*="display: grid"]) .configurator-header{margin-bottom:24px}.configurator-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--gd-text-dark);margin-bottom:8px}.configurator-intro{font-size:1.125rem;color:var(--gd-text-light);max-width:700px;margin:0 auto}.step-navigation{display:flex;justify-content:space-between;gap:12px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px}.step-nav-item{flex:1;min-width:120px;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.5;transition:var(--gd-transition);cursor:pointer;position:relative}.step-nav-item:not(:last-child):after{content:"";position:absolute;top:20px;left:60%;width:calc(100% - 60px);height:2px;background-color:var(--gd-border);z-index:-1}.step-nav-item.active{opacity:1}.step-nav-item.completed .step-nav-number{background-color:var(--gd-success);border-color:var(--gd-success)}.step-nav-item.completed .step-nav-number:before{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700}.step-nav-number{position:relative;width:40px;height:40px;border-radius:50%;background-color:var(--gd-card-bg);border:2px solid var(--gd-border);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--gd-text-light);transition:var(--gd-transition);z-index:1}.step-nav-item.active .step-nav-number{background-color:var(--gd-primary);border-color:var(--gd-primary);color:#fff;transform:scale(1.1)}.step-nav-label{font-size:14px;font-weight:500;color:var(--gd-text-light);text-align:center}.step-nav-item.active .step-nav-label{color:var(--gd-text-dark);font-weight:600}.configurator-steps{position:relative;background:var(--gd-card-bg);border-radius:var(--gd-radius-lg);box-shadow:var(--gd-shadow-sm);padding:28px;min-height:500px;width:100%}.step{display:none;animation:fadeInUp .4s ease-out}.step.step--active{display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-content{max-width:900px;margin:0 auto}.step-title{font-size:2rem;font-weight:700;color:var(--gd-text-dark);margin-bottom:12px}.step-subtitle{font-size:1.15rem;color:var(--gd-text-light);margin-bottom:20px;line-height:1.7}.step-description{font-size:14px;color:var(--gd-text-light);margin-bottom:16px;line-height:1.7}.dimension-input-methods{margin-bottom:24px}.input-method-tabs{display:flex;gap:12px;margin-bottom:16px;border-bottom:2px solid var(--gd-border)}.input-method-tab{display:flex;align-items:center;gap:8px;padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;font-size:14px;font-weight:500;color:var(--gd-text-light);cursor:pointer;transition:var(--gd-transition);margin-bottom:-2px}.input-method-tab:hover{color:var(--gd-primary)}.input-method-tab.active{color:var(--gd-primary);border-bottom-color:var(--gd-primary)}.input-method-tab svg{width:24px;height:24px}.input-method-content{position:relative}.input-method-panel{display:none}.input-method-panel.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dimension-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:16px}.input-group{position:relative;display:flex;flex-direction:column;gap:8px}.input-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--gd-text-dark);text-transform:uppercase;letter-spacing:.5px}.input-group input[type=number]{width:100%;padding:14px 48px 14px 16px;font-size:1.125rem;border:2px solid var(--gd-border);border-radius:var(--gd-radius-sm);background-color:var(--gd-card-bg);transition:var(--gd-transition)}.input-group input[type=number]:focus{outline:none;border-color:var(--gd-primary);box-shadow:0 0 0 3px #00a4821a}.input-group input[type=number]:invalid{border-color:#f44336}.input-unit{position:absolute;right:16px;bottom:14px;font-size:14px;font-weight:600;color:var(--gd-text-light);pointer-events:none}.tooltip{position:relative;display:inline-flex;cursor:help;color:var(--gd-primary)}.tooltip:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:8px 12px;background-color:var(--gd-text-dark);color:#fff;font-size:.75rem;white-space:nowrap;border-radius:var(--gd-radius-sm);margin-bottom:8px;z-index:10}.tooltip:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--gd-text-dark);margin-bottom:2px}.calculated-area,.calculated-perimeter{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#e8f5e9;border-left:4px solid var(--gd-success);border-radius:var(--gd-radius-sm);font-size:14px}.calculated-area strong,.calculated-perimeter strong{font-size:1.5rem;color:var(--gd-success)}.perimeter-section{margin-top:24px;padding-top:24px;border-top:2px dashed var(--gd-border)}.perimeter-section h3{font-size:1.25rem;font-weight:600;color:var(--gd-text-dark);margin-bottom:8px}.perimeter-section>p{color:var(--gd-text-light);margin-bottom:24px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:20px}.product-card{position:relative}.product-card input[type=radio]{position:absolute;opacity:0;pointer-events:none}.product-card-label{position:relative;display:flex;flex-direction:column;height:100%;background:var(--gd-card-bg);border:2px solid var(--gd-border);border-radius:var(--gd-radius-md);overflow:hidden;cursor:pointer;transition:var(--gd-transition)}.product-card-label:hover{border-color:var(--gd-primary);box-shadow:var(--gd-shadow-sm);transform:translateY(-2px)}.product-card input:checked+.product-card-label{border-color:var(--gd-primary);box-shadow:0 0 0 3px #00a48233;background-color:#f0fdf4}.product-card-image{width:100%;height:200px;overflow:hidden;background-color:var(--gd-light-bg)}.product-card-image img{width:100%;height:100%;object-fit:cover}.product-card-content{padding:14px;flex:1;display:flex;flex-direction:column;gap:8px}.product-card-title{font-size:1.125rem;font-weight:600;color:var(--gd-text-dark);margin:0;line-height:1.4}.product-card-price{display:flex;align-items:baseline;gap:4px;font-size:1.5rem;font-weight:700;color:var(--gd-primary)}.price-unit{font-size:14px;font-weight:400;color:var(--gd-text-light)}.product-info-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background-color:var(--gd-light-bg);border:none;border-radius:var(--gd-radius-sm);font-size:14px;color:var(--gd-primary);cursor:pointer;transition:var(--gd-transition);align-self:flex-start;margin-top:auto}.product-info-btn:hover{background-color:var(--gd-primary);color:#fff}.product-card-checkmark{position:absolute;top:12px;right:12px;width:32px;height:32px;background-color:var(--gd-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0);transition:var(--gd-transition)}.product-card input:checked~.product-card-label .product-card-checkmark{opacity:1;transform:scale(1)}.product-card-checkmark svg{color:#fff}.product-card--sold-out .product-card-label{opacity:.5;cursor:not-allowed;pointer-events:none}.product-card--sold-out .product-card-label:hover{border-color:var(--gd-border);box-shadow:none;transform:none}.product-card-sold-out{display:inline-block;padding:4px 12px;background-color:var(--gd-border);color:var(--gd-text-light);font-size:.9rem;font-weight:600;border-radius:4px}.product-card--skip .product-card-label{justify-content:center;align-items:center;min-height:150px;text-align:center}.product-card--skip .product-card-title{font-size:1.25rem}.product-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;align-items:center;justify-content:center}.product-modal.active{display:flex}.product-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.product-modal-content{position:relative;max-width:600px;max-height:90vh;overflow-y:auto;background:var(--gd-card-bg);border-radius:var(--gd-radius-lg);padding:28px;box-shadow:var(--gd-shadow-md);z-index:1;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.product-modal-content h3{font-size:1.75rem;font-weight:700;color:var(--gd-text-dark);margin-bottom:20px}.product-modal-content img{width:100%;border-radius:var(--gd-radius-md);margin-bottom:20px}.product-modal-description{color:var(--gd-text-light);line-height:1.7}.product-modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;background-color:var(--gd-secondary);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--gd-transition);z-index:2}.product-modal-close:hover{background-color:#d68100;transform:rotate(90deg)}.product-modal-close svg{color:#fff}.step-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px;padding-top:16px;border-top:2px solid var(--gd-border)}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:600;border:none;border-radius:var(--gd-radius-sm);cursor:pointer;transition:var(--gd-transition);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:var(--gd-primary);color:#fff}.btn--primary:hover:not(:disabled){background-color:var(--gd-primary-dark);transform:translateY(-1px);box-shadow:var(--gd-shadow-sm)}.btn--secondary{background-color:var(--gd-light-bg);color:var(--gd-text-dark);border:2px solid var(--gd-border)}.btn--secondary:hover:not(:disabled){background-color:#fff;border-color:var(--gd-primary);color:var(--gd-primary)}.btn--cart{background-color:var(--gd-secondary);color:#fff;font-size:1.125rem;padding:16px 32px}.btn--cart:hover:not(:disabled){background-color:#d68100;transform:translateY(-1px);box-shadow:var(--gd-shadow-sm)}.summary-container{display:flex;flex-direction:column;gap:16px}.summary-section{background-color:var(--gd-light-bg);padding:16px;border-radius:var(--gd-radius-md)}.summary-section h3{font-size:1.25rem;font-weight:600;color:var(--gd-text-dark);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--gd-border)}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--gd-border)}.summary-item:last-child{border-bottom:none}.summary-item span{color:var(--gd-text-light);font-size:14px}.summary-item strong{color:var(--gd-text-dark);font-size:1.125rem}.summary-products{display:flex;flex-direction:column;gap:10px}.summary-product-item{display:grid;grid-template-columns:80px 1fr auto;gap:12px;align-items:center;padding:12px;background-color:#fff;border-radius:var(--gd-radius-sm)}.summary-product-image{width:80px;height:80px;border-radius:var(--gd-radius-sm);overflow:hidden;background-color:var(--gd-light-bg)}.summary-product-image img{width:100%;height:100%;object-fit:cover}.summary-product-details h4{font-size:14px;font-weight:600;color:var(--gd-text-dark);margin:0 0 8px}.summary-product-details p{font-size:14px;color:var(--gd-text-light);margin:0}.summary-product-price{text-align:right}.summary-product-price .unit-price{font-size:14px;color:var(--gd-text-light);display:block;margin-bottom:4px}.summary-product-price .total-price{font-size:1.25rem;font-weight:700;color:var(--gd-primary)}.summary-section--total{background-color:#e8f5e9;border:2px solid var(--gd-success)}.summary-total{display:flex;flex-direction:column;gap:12px}.summary-total-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.summary-total-row--grand{padding-top:16px;margin-top:8px;border-top:2px solid var(--gd-success);font-size:1.25rem}.summary-total-row span{color:var(--gd-text-dark)}.summary-total-row strong{font-size:1.5rem;font-weight:700;color:var(--gd-success)}.summary-total-row--grand strong{font-size:2rem}.configurator-sidebar{width:100%}@media(min-width:1024px){.configurator-sidebar{position:sticky;top:20px;width:320px}}.sidebar-sticky{background:var(--gd-card-bg);border-radius:var(--gd-radius-lg);box-shadow:var(--gd-shadow-sm);padding:16px;width:100%}.sidebar-sticky h3{font-size:1.25rem;font-weight:600;color:var(--gd-text-dark);margin-bottom:16px}.sidebar-preview{margin-bottom:12px}.sidebar-preview-image{width:100%;padding:14px;background-color:var(--gd-light-bg);border-radius:var(--gd-radius-sm);margin-bottom:10px}.sidebar-preview-image svg{width:100%;height:auto}.sidebar-dimensions{display:flex;flex-direction:column;gap:8px}.sidebar-dim-item{display:flex;justify-content:space-between;align-items:center;padding:8px;background-color:var(--gd-light-bg);border-radius:var(--gd-radius-sm);font-size:14px}.sidebar-dim-item span{color:var(--gd-text-light)}.sidebar-dim-item strong{color:var(--gd-text-dark);font-weight:600}.sidebar-selections{margin-top:12px;padding-top:12px;border-top:2px solid var(--gd-border)}.sidebar-selections-title{font-size:14px;font-weight:600;color:var(--gd-text-dark);margin-bottom:12px}.sidebar-selections-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding-right:4px}.sidebar-selections-list::-webkit-scrollbar{width:6px}.sidebar-selections-list::-webkit-scrollbar-track{background:var(--gd-light-bg);border-radius:3px}.sidebar-selections-list::-webkit-scrollbar-thumb{background:var(--gd-primary);border-radius:3px}.sidebar-selections-list::-webkit-scrollbar-thumb:hover{background:var(--gd-primary-dark)}.sidebar-selections-empty{font-size:14px;color:var(--gd-text-light);font-style:italic;text-align:center;padding:16px 0;margin:0}.sidebar-selection-item{display:flex;align-items:flex-start;gap:8px;padding:8px;background-color:var(--gd-light-bg);border-radius:var(--gd-radius-sm);font-size:14px}.sidebar-selection-item-icon{flex-shrink:0;width:16px;height:16px;margin-top:2px;color:var(--gd-success)}.sidebar-selection-item-content{flex:1;display:flex;flex-direction:column;gap:2px}.sidebar-selection-item-title{font-weight:600;color:var(--gd-text-dark);line-height:1.3}.sidebar-selection-item-details{font-size:.9rem;color:var(--gd-text-light);line-height:1.3}.sidebar-price{margin-top:12px;padding:14px;background:linear-gradient(135deg,var(--gd-primary) 0%,var(--gd-success) 100%);border-radius:var(--gd-radius-md);text-align:center;color:#fff}.sidebar-price-label{font-size:14px;opacity:.9;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.sidebar-price-amount{font-size:2rem;font-weight:700;margin-bottom:4px}.sidebar-price-vat{font-size:.9rem;opacity:.8}.onderhoud-intro{font-size:14px;line-height:1.8;margin-bottom:24px}.onderhoud-upsell{background-color:#fff;border:2px solid var(--gd-border);border-radius:6px;padding:20px 24px;margin-bottom:24px;transition:var(--gd-transition)}.onderhoud-upsell:has(input:checked){border-color:var(--gd-secondary);background-color:#fffdf7}.onderhoud-upsell__label{display:flex;align-items:center;gap:24px;cursor:pointer}.onderhoud-upsell__label input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.onderhoud-upsell__info{flex:1}.onderhoud-upsell__text{font-size:14px;line-height:1.75;color:var(--gd-text-dark);margin:0}.onderhoud-upsell__check{flex-shrink:0;width:40px;height:40px;border:2px solid var(--gd-border);border-radius:4px;display:flex;align-items:center;justify-content:center;background-color:#fff;transition:var(--gd-transition)}.onderhoud-upsell__check svg{opacity:0;color:#fff;transition:var(--gd-transition)}input:checked+.onderhoud-upsell__check,input:checked~.onderhoud-upsell__check{background-color:var(--gd-secondary);border-color:var(--gd-secondary)}input:checked+.onderhoud-upsell__check svg,input:checked~.onderhoud-upsell__check svg{opacity:1}.onderhoud-panel__content{font-size:14px;color:var(--gd-text-light);line-height:1.8;margin-bottom:24px}.onderhoud-panel__link{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--gd-primary);font-weight:600;text-decoration:underline;text-underline-offset:3px;transition:var(--gd-transition);margin-top:8px}.onderhoud-panel__link:hover{color:var(--gd-primary-dark)}@media(max-width:768px){.onderhoud-upsell{padding:20px}}.no-products{text-align:center;padding:24px;color:var(--gd-text-light);font-size:1.125rem}@media(max-width:1024px){.groendak-configurator{display:flex;flex-direction:column}.sidebar-sticky{max-width:400px;margin:0 auto}.step-navigation{overflow-x:scroll;scrollbar-width:thin}.step-nav-item{min-width:100px}}@media(max-width:768px){.groendak-configurator{padding:20px 0}.configurator-steps{padding:24px;border-radius:var(--gd-radius-md)}.step-title{font-size:1.5rem}.dimension-inputs,.product-grid{grid-template-columns:1fr}.step-actions{flex-direction:column}.btn{width:100%;justify-content:center}.step-nav-item:not(:last-child):after{display:none}.step-nav-label{font-size:.9rem}.summary-product-item{grid-template-columns:60px 1fr;gap:12px}.summary-product-image{width:60px;height:60px}.summary-product-price{grid-column:2;text-align:left;margin-top:8px}}@media(max-width:480px){.configurator-title{font-size:1.75rem}.step-navigation{gap:8px}.step-nav-item{min-width:80px}.step-nav-number{width:32px;height:32px;font-size:.875rem}.configurator-steps{padding:16px}.product-modal-content{padding:24px;margin:20px}}.visibility-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spinner .6s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.btn--loading{position:relative;color:transparent;pointer-events:none}.btn--loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spinner .6s linear infinite}
/*# sourceMappingURL=/cdn/shop/t/15/assets/groendak-configurator.css.map */