.configurator-hero{padding:9rem 0 4rem;text-align:center;color:#fff;background:linear-gradient(135deg,#073b35,#00b894)}.configurator-hero h1{font-size:clamp(2.5rem,6vw,4.8rem);margin-bottom:.8rem}.configurator-hero p{font-size:1.15rem;opacity:.9}.configurator-layout{padding:4rem 0;background:var(--bg-secondary)}.configurator-container{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.2fr);gap:2rem;align-items:start}.configurator-viewer,.configuration-options{background:var(--bg-color);border:1px solid var(--border-color);border-radius:1.25rem;box-shadow:var(--shadow-md)}.configurator-viewer{position:sticky;top:6.5rem;overflow:hidden}.viewer-header{padding:1.25rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border-color)}.viewer-actions{display:flex;flex-wrap:wrap;gap:.45rem}.viewer-action{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-color);padding:.55rem .7rem;border-radius:.55rem;cursor:pointer;transition:var(--transition)}.viewer-action:hover,.viewer-action.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}#configurator-viewer{height:440px;background:radial-gradient(circle at 50% 45%,rgba(0,184,148,.15),transparent 48%)}.configurator-fallback-image{transition:transform .45s ease,filter .35s ease}.configurator-fallback-image.zoomed{transform:scale(1.22)}.current-selections{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;padding:1rem;border-top:1px solid var(--border-color)}.selection-item{background:var(--bg-secondary);border-radius:.6rem;padding:.75rem}.selection-label{display:block;color:var(--text-light);font-size:.75rem;margin-bottom:.2rem}.selection-value{font-weight:700;font-size:.88rem}.configuration-options{padding:1.5rem}.config-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:2rem}.step{display:flex;align-items:center;gap:.5rem;padding:.7rem;border-radius:.7rem;color:var(--text-light);background:var(--bg-secondary);font-size:.82rem}.step-number{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--bg-tertiary);font-weight:700}.step.active,.step.completed{color:var(--primary-dark);background:rgba(0,184,148,.13)}.step.active .step-number,.step.completed .step-number{background:var(--primary-color);color:#fff}.config-step-content{display:none}.config-step-content.active{display:block;animation:configFade .35s ease}.config-step-content>h3{font-size:1.55rem;margin-bottom:1.4rem}.model-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.model-option{display:grid;grid-template-columns:120px 1fr;gap:1rem;align-items:center;border:2px solid var(--border-color);border-radius:.85rem;padding:.8rem;cursor:pointer;transition:var(--transition)}.model-option:hover,.model-option.active{border-color:var(--primary-color);box-shadow:0 8px 22px rgba(0,184,148,.13)}.model-option.active{background:rgba(0,184,148,.06)}.model-image{height:105px}.model-image img{width:100%;height:100%;object-fit:contain}.model-info h4{margin-bottom:.5rem}.model-info .specs{list-style:none;color:var(--text-light);font-size:.82rem}.option-group{margin-bottom:1.6rem;padding:1.2rem;border:1px solid var(--border-color);border-radius:.85rem}.option-group h4{margin-bottom:1rem}.color-options{display:flex;flex-wrap:wrap;gap:1rem}.color-option{width:56px;height:56px;border:4px solid var(--bg-color);outline:2px solid var(--border-color);border-radius:50%;cursor:pointer;position:relative}.color-option.active{outline-color:var(--primary-color);transform:scale(1.08)}.color-name{position:absolute;top:65px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.7rem;color:var(--text-light)}.radio-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.radio-option{cursor:pointer}.radio-option input{position:absolute;opacity:0}.radio-label{display:block;border:2px solid var(--border-color);padding:1rem;border-radius:.7rem}.radio-option input:checked+.radio-label{border-color:var(--primary-color);background:rgba(0,184,148,.07)}.option-title,.option-description{display:block}.option-title{font-weight:700}.option-description{color:var(--text-light);font-size:.85rem;margin-top:.25rem}.accessory-options{display:grid;gap:1rem}.checkbox-option{display:block;position:relative;cursor:pointer}.checkbox-option>input{position:absolute;opacity:0}.checkbox-option .accessory-info{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:1rem;border:2px solid var(--border-color);padding:.75rem;border-radius:.85rem}.checkbox-option>input:checked~.accessory-info{border-color:var(--primary-color);background:rgba(0,184,148,.07)}.accessory-image{height:105px;border-radius:.6rem;overflow:hidden;background:#fff}.accessory-image img{width:100%;height:100%;object-fit:contain}.helmet-config{display:grid;place-items:center;background:#e9faf6}.helmet-config .helmet-shape{transform:scale(.62)}.accessory-details p{color:var(--text-light);font-size:.86rem}.summary-section{display:grid;gap:1rem}.summary-model,.summary-options,.summary-accessories{padding:1.1rem;background:var(--bg-secondary);border-radius:.75rem}.summary-color{display:flex;align-items:center;gap:.6rem;margin-top:.55rem}.color-swatch{width:22px;height:22px;border-radius:50%}.summary-section ul{list-style:none;margin-top:.5rem;color:var(--text-light)}.step-actions,.checkout-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.why-choose-section{padding:5rem 0}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.benefit-card{text-align:center;padding:2rem 1rem;background:var(--bg-color);border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow)}.benefit-icon{width:58px;height:58px;margin:0 auto 1rem;border-radius:50%;display:grid;place-items:center;background:rgba(0,184,148,.13);color:var(--primary-color);font-size:1.35rem}.benefit-card p{color:var(--text-light);margin-top:.6rem}@keyframes configFade{from{opacity:0;transform:translateY(8px)}}@media(max-width:1024px){.configurator-container{grid-template-columns:1fr}.configurator-viewer{position:relative;top:auto}.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.configurator-layout{padding:2rem 0}.configuration-options{padding:1rem}.viewer-header{align-items:flex-start;flex-direction:column}.config-steps{grid-template-columns:repeat(4,90px);overflow-x:auto}.step{flex-direction:column;text-align:center}.step-label{font-size:.7rem}.model-options,.radio-options{grid-template-columns:1fr}.model-option{grid-template-columns:100px 1fr}.current-selections{grid-template-columns:1fr}.color-options{gap:1.3rem;margin-bottom:1.5rem}.step-actions,.checkout-actions{flex-direction:column-reverse}.step-actions .btn,.checkout-actions .btn{width:100%}.benefits-grid{grid-template-columns:1fr}#configurator-viewer{height:330px}}