:root{--wcc-black:#1C1C1C;--wcc-white:#FFFFFF;--wcc-cream:#F5F3F0;--wcc-surface:#FFFFFF;--wcc-border:#E8E3DC;--wcc-border-strong:#C8BFB4;--wcc-accent:#C4956A;--wcc-accent-light:#F0E6D8;--wcc-accent-dark:#A67B52;--wcc-text:#2D2926;--wcc-text-muted:#8C8178;--wcc-text-disabled:#BEB7B0;--wcc-success:#4A7C59;--wcc-error:#C0392B;--wcc-font:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--wcc-radius-sm:4px;--wcc-radius-md:8px;--wcc-radius-lg:12px;--wcc-shadow-sm:0 1px 3px rgba(28,28,28,.07);--wcc-shadow-md:0 4px 12px rgba(28,28,28,.10);--wcc-shadow-hover:0 6px 20px rgba(28,28,28,.13);--wcc-transition:180ms ease}.wcc-configurator *,.wcc-configurator *::before,.wcc-configurator *::after{box-sizing:border-box}.wcc-configurator{font-family:var(--wcc-font);color:var(--wcc-text);max-width:920px;margin:32px auto;background:var(--wcc-surface);border:1px solid var(--wcc-border);border-radius:var(--wcc-radius-lg);box-shadow:var(--wcc-shadow-md);overflow:hidden}.wcc-progress{display:flex;align-items:flex-start;padding:28px 36px 0;gap:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;position:relative}.wcc-progress::-webkit-scrollbar{display:none}.wcc-progress__item{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;position:relative;cursor:pointer;min-width:72px}.wcc-progress__item:not(:last-child)::after{content:'';position:absolute;top:14px;left:calc(50% + 14px);right:calc(-50% + 14px);height:1px;background:var(--wcc-border);transition:background var(--wcc-transition);z-index:0}.wcc-progress__item--done:not(:last-child)::after{background:var(--wcc-black)}.wcc-progress__dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;transition:var(--wcc-transition);position:relative;z-index:1;background:var(--wcc-surface);border:1.5px solid var(--wcc-border-strong);color:var(--wcc-text-muted)}.wcc-progress__item--active .wcc-progress__dot{background:var(--wcc-accent);border-color:var(--wcc-accent);color:var(--wcc-white);box-shadow:0 0 0 4px var(--wcc-accent-light)}.wcc-progress__item--done .wcc-progress__dot{background:var(--wcc-black);border-color:var(--wcc-black);color:var(--wcc-white);font-size:14px}.wcc-progress__item--future{display:none}.wcc-progress__item--revealed{display:flex;animation:wccReveal .3s ease forwards}@keyframes wccReveal{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.wcc-progress__label{font-size:11px;font-weight:500;color:var(--wcc-text-muted);text-align:center;line-height:1.3;letter-spacing:.1px;max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--wcc-transition)}.wcc-progress__item--active .wcc-progress__label{color:var(--wcc-accent-dark);font-weight:600}.wcc-progress__item--done .wcc-progress__label{color:var(--wcc-text)}.wcc-steps{padding:32px 36px 36px}.wcc-step{display:none;animation:wccFadeIn .22s ease forwards}.wcc-step--active{display:block}@keyframes wccFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wcc-step__header{margin-bottom:24px}.wcc-step__title{font-size:20px;font-weight:600;color:var(--wcc-text);margin:0 0 6px;letter-spacing:-.2px;line-height:1.25}.wcc-step__description{font-size:14px;color:var(--wcc-text-muted);line-height:1.6;margin:0}.wcc-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:32px}@media (max-width:600px){.wcc-options{grid-template-columns:1fr 1fr}}.wcc-option{background:var(--wcc-surface);border:1.5px solid var(--wcc-border);border-radius:var(--wcc-radius-md);padding:16px 12px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:border-color var(--wcc-transition),box-shadow var(--wcc-transition),transform var(--wcc-transition),background var(--wcc-transition);user-select:none;text-align:center;position:relative}.wcc-option:hover{border-color:var(--wcc-border-strong);box-shadow:var(--wcc-shadow-hover);transform:translateY(-2px)}.wcc-option--selected{border-color:var(--wcc-accent);border-width:2px;background:var(--wcc-accent-light);box-shadow:var(--wcc-shadow-sm);transform:translateY(-2px)}.wcc-option--disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.wcc-option__swatch{width:48px;height:48px;border-radius:50%;border:2px solid rgb(0 0 0 / .08);flex-shrink:0;transition:transform var(--wcc-transition)}.wcc-option:hover .wcc-option__swatch,.wcc-option--selected .wcc-option__swatch{transform:scale(1.08)}.wcc-option__image{width:100%;aspect-ratio:1;border-radius:var(--wcc-radius-sm);overflow:hidden;background:var(--wcc-cream)}.wcc-option__image img{width:100%;height:100%;object-fit:cover;display:block}.wcc-option__icon{width:56px;height:56px;background:#fff0;border-radius:var(--wcc-radius-sm);display:flex;align-items:center;justify-content:center;font-size:36px;line-height:1;transition:transform var(--wcc-transition)}.wcc-option:hover .wcc-option__icon,.wcc-option--selected .wcc-option__icon{transform:scale(1.1)}.wcc-option__label{font-size:13px;font-weight:500;color:var(--wcc-text);line-height:1.35}.wcc-option--selected .wcc-option__label{color:var(--wcc-accent-dark)}.wcc-option__price{font-size:12px;color:var(--wcc-text-muted);font-weight:400}.wcc-option__price--surcharge{color:var(--wcc-accent-dark);font-weight:500}.wcc-step__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--wcc-border);padding-top:24px;margin-top:8px}.wcc-step__footer-price{display:flex;flex-direction:column;gap:2px}.wcc-price-label{font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;color:var(--wcc-text-muted)}.wcc-price-value{font-size:26px;font-weight:600;color:var(--wcc-text);letter-spacing:-.5px;line-height:1.1;transition:color .25s ease}.wcc-price-value--updating{color:var(--wcc-accent)}.wcc-price-value--loading{opacity:.45;animation:wccPulse 1.1s ease-in-out infinite}@keyframes wccPulse{0%,100%{opacity:.45}50%{opacity:.75}}.wcc-step__footer-nav{display:flex;gap:10px;align-items:center}.wcc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--wcc-font);font-size:14px;font-weight:500;line-height:1;border:none;border-radius:var(--wcc-radius-sm);cursor:pointer;transition:var(--wcc-transition);text-decoration:none;white-space:nowrap;padding:12px 24px}.wcc-btn:focus-visible{outline:2px solid var(--wcc-accent);outline-offset:2px}.wcc-btn--primary{background:var(--wcc-black);color:var(--wcc-white)}.wcc-btn--primary:hover{background:#333;color:var(--wcc-white)}.wcc-btn--secondary{background:#fff0;color:var(--wcc-text);border:1px solid var(--wcc-border-strong)}.wcc-btn--secondary:hover{background:var(--wcc-cream);color:var(--wcc-text)}.wcc-btn--ghost{background:#fff0;color:var(--wcc-text-muted);border:none;padding:12px 8px;font-size:13px}.wcc-btn--ghost:hover{color:var(--wcc-text);background:#fff0}.wcc-btn--cart{background:var(--wcc-accent);color:var(--wcc-white);padding:16px 32px;font-size:15px;font-weight:600;border-radius:var(--wcc-radius-sm);width:100%;letter-spacing:.1px}.wcc-btn--cart:hover{background:var(--wcc-accent-dark);color:var(--wcc-white)}.wcc-btn--cart:disabled{background:var(--wcc-text-disabled);cursor:not-allowed}.wcc-btn__arrow{font-style:normal;font-size:16px;transition:transform var(--wcc-transition)}.wcc-btn--primary:hover .wcc-btn__arrow{transform:translateX(3px)}.wcc-error-msg{display:none;align-items:center;gap:8px;background:#FEF2F2;border:1px solid #FECACA;color:var(--wcc-error);border-radius:var(--wcc-radius-sm);padding:10px 14px;font-size:13px;font-weight:500;margin-bottom:16px}.wcc-error-msg--visible{display:flex}.wcc-summary__title{font-size:20px;font-weight:600;margin:0 0 24px}.wcc-summary__list{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-direction:column;gap:0}.wcc-summary__item{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--wcc-border);gap:16px}.wcc-summary__item:last-child{border-bottom:none}.wcc-summary__step-name{font-size:12px;font-weight:500;letter-spacing:.4px;text-transform:uppercase;color:var(--wcc-text-muted);margin-bottom:2px}.wcc-summary__option-name{font-size:15px;font-weight:500;color:var(--wcc-text)}.wcc-summary__option-price{font-size:14px;color:var(--wcc-text-muted);white-space:nowrap}.wcc-summary__option-price--plus{color:var(--wcc-accent-dark);font-weight:500}.wcc-summary__total{display:flex;justify-content:space-between;align-items:center;background:var(--wcc-cream);border:1px solid var(--wcc-border);border-radius:var(--wcc-radius-md);padding:18px 20px;margin-bottom:20px}.wcc-summary__total-label{font-size:14px;font-weight:600;color:var(--wcc-text)}.wcc-summary__total-price{font-size:28px;font-weight:600;color:var(--wcc-text);letter-spacing:-.5px}.wcc-summary__edit{font-size:13px;color:var(--wcc-text-muted);text-decoration:underline;text-underline-offset:2px;cursor:pointer;background:none;border:none;font-family:var(--wcc-font);padding:0;margin-bottom:20px;display:inline-block}.wcc-summary__edit:hover{color:var(--wcc-text)}.wcc-configurator--loading{pointer-events:none;opacity:.7}.wcc-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgb(255 255 255 / .4);border-top-color:#fff;border-radius:50%;animation:wccSpin .7s linear infinite}@keyframes wccSpin{to{transform:rotate(360deg)}}.wcc-success{display:none;flex-direction:column;align-items:center;text-align:center;padding:48px 32px 40px;animation:wccFadeIn .3s ease forwards}.wcc-success__icon{width:64px;height:64px;background:var(--wcc-success);color:var(--wcc-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:20px;box-shadow:0 4px 16px rgb(74 124 89 / .25)}.wcc-success__title{font-size:22px;font-weight:600;color:var(--wcc-text);margin:0 0 8px}.wcc-success__sub{font-size:14px;color:var(--wcc-text-muted);margin:0 0 28px;line-height:1.6}.wcc-success__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.wcc-out-of-stock{display:none;align-items:center;gap:8px;background:#FEF3E2;border:1px solid #FCD34D;color:#92400E;border-radius:var(--wcc-radius-sm);padding:10px 14px;font-size:13px;font-weight:500;margin-top:12px;text-align:center;justify-content:center}@media (max-width:680px){.wcc-progress{padding:20px 20px 0}.wcc-steps{padding:24px 20px 28px}.wcc-step__footer{flex-direction:column-reverse;align-items:stretch}.wcc-step__footer-price{align-items:center}.wcc-step__footer-nav{justify-content:stretch}.wcc-step__footer-nav .wcc-btn{flex:1}}