.configurator{--cfg-accent: var(--configurator-accent, #1a1a1a);--cfg-bg: var(--configurator-bg, #ffffff);--cfg-border: #e5e5e5;--cfg-radius: 12px;--cfg-radius-sm: 8px;--cfg-shadow: 0 1px 3px rgba(0, 0, 0, .06);--cfg-shadow-active: 0 0 0 2px var(--cfg-accent);--cfg-transition: .25s ease;--cfg-gap: 12px}.configurator__layout{display:grid;gap:32px}@media(min-width:768px){.configurator__layout{grid-template-columns:1fr 1fr;gap:48px;align-items:start}}@media(min-width:1024px){.configurator__layout{grid-template-columns:1fr 1fr;gap:64px}}.configurator__preview{position:relative}@media(min-width:768px){.configurator__preview{position:sticky;top:100px}}.configurator__image-wrapper{position:relative;border-radius:var(--cfg-radius);overflow:hidden;background:#f5f5f5;aspect-ratio:1 / 1;max-height:720px;margin:0 auto}.configurator__image-wrapper:after{content:attr(data-example-label);position:absolute;bottom:16px;left:50%;transform:translate(-50%) translateY(8px);background:#000000b8;color:#fff;font-size:.8rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;padding:7px 20px;border-radius:999px;border:1.5px solid rgba(255,255,255,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.configurator__image-wrapper.is-example:after{opacity:1;transform:translate(-50%) translateY(0)}.configurator__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:opacity .35s ease}.configurator__image:not(.is-loaded){opacity:.4}.configurator__image.is-loaded{opacity:1}.configurator__image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%)}.configurator__config{display:flex;flex-direction:column;gap:28px}.configurator__header{display:flex;flex-direction:column;gap:8px}.configurator__title{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0}.configurator__subtitle{font-size:.95rem;color:#666;margin:0}.configurator__step{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.configurator__step[data-step-locked]{display:none}.configurator__step.is-entering{opacity:0;transform:translateY(12px)}.configurator__step-header{display:flex;align-items:baseline;gap:8px;margin-bottom:12px;flex-wrap:wrap}.configurator__step-number{font-size:.85rem;font-weight:700;color:var(--cfg-accent);opacity:.5}.configurator__step-title{font-size:.85rem;font-weight:700;letter-spacing:.08em;margin:0;color:var(--cfg-accent)}.configurator__learn-more{font-size:.8rem;color:#888;text-decoration:underline;margin-left:auto}.configurator__btn-group{display:flex;flex-wrap:wrap;gap:var(--cfg-gap)}.configurator__btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:2px solid var(--cfg-border);border-radius:999px;background:var(--cfg-bg);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;color:var(--cfg-accent);transition:border-color var(--cfg-transition),background-color var(--cfg-transition),color var(--cfg-transition),box-shadow var(--cfg-transition);white-space:nowrap;-webkit-appearance:none;appearance:none;line-height:1.3}.configurator__btn:hover{border-color:var(--cfg-accent);background:var(--cfg-accent);color:var(--cfg-bg);opacity:.6}.configurator__btn.is-active{border-color:var(--cfg-accent);background:var(--cfg-accent);color:var(--cfg-bg);box-shadow:var(--cfg-shadow-active);opacity:1}.configurator__btn.is-unavailable,.configurator__btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none;border-color:var(--cfg-border);background:#f5f5f5;color:#aaa}.configurator__btn-price{font-weight:400;font-size:.8rem;opacity:.7}.configurator__btn.is-active .configurator__btn-price{opacity:.85}.configurator__addon-description{font-size:.9rem;color:#666;margin:-4px 0 8px}.configurator__addon-text-wrapper{margin-top:12px;position:relative}.configurator__addon-text-label{display:block;font-size:.8rem;font-weight:600;margin-bottom:6px;color:#555}.configurator__addon-text-input{width:100%;padding:10px 14px;border:2px solid var(--cfg-border);border-radius:var(--cfg-radius-sm);font-size:.9rem;font-family:inherit;outline:none;transition:border-color var(--cfg-transition);box-sizing:border-box;color:#1a1a1a;background-color:#fff}.configurator__addon-text-input:focus{border-color:var(--cfg-accent)}.configurator__addon-text-counter{display:block;text-align:right;font-size:.75rem;color:#aaa;margin-top:4px}.configurator__summary{border-top:1px solid var(--cfg-border);padding-top:20px}.configurator__summary-title{font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px}.configurator__summary-lines{display:flex;flex-direction:column;gap:6px}.configurator__summary-line{display:flex;justify-content:space-between;gap:12px;font-size:.9rem}.configurator__summary-label{color:#888}.configurator__summary-value{font-weight:600;text-align:right}.configurator__actions{display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--cfg-border);padding-top:20px}.configurator__price-wrapper{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.configurator__price{font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.configurator__price-compare{font-size:1.1rem;text-decoration:line-through;color:#999}.configurator__price-note{font-size:.8rem;color:#999;width:100%}.configurator__form{display:contents}.configurator__submit{width:100%;padding:16px 32px;font-size:1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--cfg-accent);color:var(--cfg-bg);border:none;border-radius:var(--cfg-radius);cursor:pointer;transition:opacity var(--cfg-transition),transform .15s ease;position:relative;font-family:inherit}.configurator__submit:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.configurator__submit:disabled{opacity:.4;cursor:not-allowed}.configurator__submit.is-loading{pointer-events:none;opacity:.6}.configurator__submit.is-loading .configurator__submit-text{visibility:hidden}.configurator__submit.is-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:20px;height:20px;border:2px solid transparent;border-top-color:var(--cfg-bg);border-radius:50%;animation:cfg-spin .6s linear infinite}@keyframes cfg-spin{to{transform:rotate(360deg)}}.configurator__submit.is-added{background:#2e7d32}.configurator__step-inner{margin-top:24px;padding-top:20px;border-top:1px solid var(--cfg-border)}.configurator__step-header--sub{margin-bottom:12px}.configurator__custom-mountain-wrapper{margin-top:12px;position:relative}.configurator__custom-mountain-divider{display:block;width:100%;height:0;border:0;border-top:1px solid #e5e5e5!important;margin:8px 0 20px;padding:0;flex-shrink:0;background:none}.configurator__custom-mountain-wrapper .configurator__addon-text-label{font-size:1rem;font-weight:700;letter-spacing:-.01em;color:var(--cfg-accent);margin-bottom:10px}.configurator__custom-mountain-hint{font-size:.8rem;color:var(--cfg-accent);opacity:.55;margin:8px 0 0;line-height:1.55}.configurator__mountain-separator{flex-basis:100%;display:flex;align-items:center;gap:10px;margin:4px 0;color:#bbb;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.configurator__mountain-separator:before,.configurator__mountain-separator:after{content:"";flex:1;height:1px;background:var(--cfg-border)}.configurator__btn--custom{--cfg-custom: var(--configurator-custom-btn, #E8B800);--cfg-custom-text: var(--configurator-custom-btn-text, #1a1a1a);border-color:var(--cfg-custom);color:var(--cfg-custom-text);background:color-mix(in srgb,var(--cfg-custom) 12%,transparent)}.configurator__btn--custom:hover{border-color:var(--cfg-custom);background:var(--cfg-custom);color:var(--cfg-custom-text);opacity:.85}.configurator__btn.configurator__btn--custom.is-active{border-color:var(--cfg-custom);background:var(--cfg-custom);color:var(--cfg-custom-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--cfg-custom) 40%,transparent);opacity:1}.configurator__custom-faq{border-top:1px solid var(--cfg-border);padding-top:20px;display:flex;flex-direction:column;gap:0}.configurator__faq-intro{margin-bottom:16px}.configurator__faq-title{font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px}.configurator__faq-subtitle{font-size:.875rem;color:var(--cfg-accent);opacity:.65;margin:0;line-height:1.5}.configurator__faq-list{display:flex;flex-direction:column;gap:8px}.configurator__faq-item{border:2px solid var(--cfg-border);border-radius:var(--cfg-radius-sm);overflow:hidden;transition:border-color var(--cfg-transition)}.configurator__faq-item.is-open{border-color:var(--cfg-accent)}.configurator__faq-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:700;letter-spacing:.05em;color:var(--cfg-accent);text-align:left;gap:12px;transition:background-color var(--cfg-transition)}.configurator__faq-header:hover{background:#00000008}.configurator__faq-icon{flex-shrink:0;width:16px;height:16px;position:relative}.configurator__faq-icon:before,.configurator__faq-icon:after{content:"";position:absolute;background:var(--cfg-accent);border-radius:2px;transition:transform var(--cfg-transition),opacity var(--cfg-transition)}.configurator__faq-icon:before{width:2px;height:10px;top:3px;left:7px}.configurator__faq-icon:after{width:10px;height:2px;top:7px;left:3px}.configurator__faq-item.is-open .configurator__faq-icon:before{transform:rotate(90deg);opacity:0}.configurator__faq-body{max-height:0;overflow:hidden;transition:max-height .35s ease}.configurator__faq-item.is-open .configurator__faq-body{max-height:600px}.configurator__faq-body-inner{padding:0 16px 14px;font-size:.875rem;line-height:1.65;color:var(--cfg-accent);opacity:.75}.configurator__faq-body-inner p{margin:0 0 8px}.configurator__faq-body-inner p:last-child{margin-bottom:0}.configurator__progress{display:flex;align-items:center;margin-bottom:8px}.configurator__progress-dot{width:30px;height:30px;border-radius:50%;border:2px solid var(--cfg-border);background:var(--cfg-bg);color:var(--cfg-accent);font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:default;transition:background-color var(--cfg-transition),border-color var(--cfg-transition),color var(--cfg-transition),box-shadow var(--cfg-transition);font-family:inherit;padding:0}.configurator__progress-dot.is-done{background:var(--cfg-accent);border-color:var(--cfg-accent);color:var(--cfg-bg);cursor:pointer}.configurator__progress-dot.is-done:hover{opacity:.75}.configurator__progress-dot.is-active{border-color:var(--cfg-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cfg-accent) 18%,transparent)}.configurator__progress-line{flex:1;height:2px;background:var(--cfg-border);transition:background-color var(--cfg-transition);min-width:12px}.configurator__progress-line.is-done{background:var(--cfg-accent)}.configurator__stepper-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}.configurator__stepper-back,.configurator__stepper-next{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:999px;font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity var(--cfg-transition),background-color var(--cfg-transition),border-color var(--cfg-transition);line-height:1.3}.configurator__stepper-back{background:transparent;border:2px solid var(--cfg-border);color:var(--cfg-accent)}.configurator__stepper-back:hover{border-color:var(--cfg-accent)}.configurator__stepper-next{background:var(--cfg-accent);border:2px solid var(--cfg-accent);color:var(--cfg-bg);margin-left:auto}.configurator__stepper-next:hover:not(:disabled){opacity:.82}.configurator__stepper-next:disabled{opacity:.3;cursor:not-allowed}.configurator__review-panel{display:flex;flex-direction:column;gap:20px}@keyframes cfg-step-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.configurator__step.is-active,.configurator__review-panel{animation:cfg-step-enter .28s ease}@media(max-width:767px){.configurator__actions{position:sticky;bottom:0;z-index:10;background:var(--cfg-bg);padding:16px 0;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--cfg-border);margin:0 -16px;padding-left:16px;padding-right:16px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/product-configurator.css.map */