.product-configurator{width:100%}.configurator-container{max-width:var(--page-width, 1200px);margin:0 auto;padding-left:var(--grid-mobile-horizontal-spacing, 1.5rem);padding-right:var(--grid-mobile-horizontal-spacing, 1.5rem)}@media screen and (min-width: 750px){.configurator-container{padding-left:var(--grid-desktop-horizontal-spacing, 5rem);padding-right:var(--grid-desktop-horizontal-spacing, 5rem)}}.configurator-heading{font-size:2rem;font-weight:700;text-align:center;margin-bottom:12px}.configurator-subheading{text-align:center;margin-bottom:32px;font-size:1.1rem;max-width:600px;margin-left:auto;margin-right:auto;opacity:.8}.configurator-steps{margin-bottom:40px}.configurator-step{margin-bottom:32px;transition:opacity .3s ease}.configurator-step.dimmed{opacity:.4;pointer-events:none}.step-title{font-size:1.3rem;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:12px}.step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.step-header .step-title{margin:0;flex:1}.step-count{font-size:.9rem;font-weight:400;opacity:.7;padding:4px 12px;border-radius:12px;background:rgba(var(--color-foreground),.05)}.design-grid{display:grid}.design-option{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;text-align:center!important;position:relative!important;transition:all .2s ease!important;cursor:pointer!important;min-height:auto!important;height:auto!important;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-style:solid}.design-option:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-shadow, 0, 0, 0),.15)!important}.design-option.active{box-shadow:0 0 0 3px rgba(var(--color-foreground),.3)!important;font-weight:700!important;transform:scale(1.02)}.design-option:disabled{opacity:.3!important;cursor:not-allowed!important;filter:grayscale(100%)!important;pointer-events:none!important}.design-option.hidden{display:none!important}.design-option img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.design-name{font-size:.9rem;font-weight:500;line-height:1.3}.design-option.active .design-name{font-weight:700}.type-buttons{display:flex;flex-wrap:wrap;gap:12px}.type-option{transition:all .2s ease!important;font-size:.95rem!important;font-weight:500!important;white-space:nowrap!important;padding:10px 20px!important;min-width:auto!important;min-height:auto!important;height:auto!important;cursor:pointer!important;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.type-option:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--color-shadow, 0, 0, 0),.15)!important}.type-option.active{font-weight:700!important;box-shadow:0 0 0 2px rgba(var(--color-foreground),.5)!important;transform:scale(1.05);background:rgb(var(--color-foreground))!important;color:rgb(var(--color-background))!important;border-color:rgb(var(--color-foreground))!important}.type-option:disabled{opacity:.3!important;cursor:not-allowed!important;pointer-events:none!important}.type-option.hidden{display:none!important}.configurator-reset-all,.results-reset{min-width:auto}.configurator-results{margin-top:48px;padding-top:32px;border-top:2px solid rgba(var(--color-foreground),.1)}.results-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.results-title{font-size:1.5rem;font-weight:600;margin:0}.results-description{opacity:.7;font-size:1rem;margin:5px 0 0}.results-loading{text-align:center;padding:40px 20px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(var(--color-foreground),.1);border-top:3px solid rgb(var(--color-foreground));border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;margin-top:24px;list-style:none;padding:0;margin-left:0}.results-grid *,.results-grid ul,.results-grid li{list-style:none!important;margin:0;padding:0}.results-grid ul:before,.results-grid li:before{display:none!important;content:none!important}.results-grid .product-card__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer}.results-grid .product-card{position:relative}.results-grid .quick-add-button,.results-grid .product-card__actions,.results-grid button{position:relative;z-index:2}.no-results{text-align:center;padding:60px 20px;opacity:.6;font-size:1.1rem}.error-message{text-align:center;padding:40px 20px;color:rgb(var(--color-error, 211, 47, 47));background:rgba(var(--color-error, 211, 47, 47),.1);border-radius:8px}@media (max-width: 768px){.configurator-heading{font-size:1.5rem}.configurator-subheading{font-size:1rem}.step-header{flex-direction:column;align-items:flex-start;gap:12px}.step-header button{width:100%}.type-buttons{gap:8px;justify-content:center}.type-option{font-size:.85rem!important;padding:8px 16px!important}.results-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.results-header{flex-direction:column;align-items:flex-start}.step-title{font-size:1.1rem;flex-direction:column;align-items:flex-start;gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/product-configurator.css.map */