.car-selector-wrapper{margin:20px 0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.car-model-section{background:transparent;padding:0}.car-model-label{color:#fff;font-family:Roboto,sans-serif;font-weight:400;font-size:16px;line-height:150%;margin:0 0 16px;text-align:left}.car-selector-container{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.step-indicators{display:flex;flex-direction:column;gap:12px;flex-shrink:0;align-self:flex-start}@media (min-width: 768px){.step-indicators{height:300px;justify-content:space-around}}.product-form__buttons{max-width:100%!important}.step-circle{width:40px;height:40px;border-radius:50%;background-color:#6e6e6e;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:default;position:relative}.step-circle.active{background-color:#ff6c70;box-shadow:0 0 0 4px #ff6c7033}.step-circle.completed{background-color:#ff6c70}.step-number{color:#fff;font-family:Roboto,sans-serif;font-weight:400;font-size:14px;line-height:150%;text-align:center}.select-boxes{display:flex;flex-direction:column;gap:12px;flex:1;min-width:250px}.select-wrapper{position:relative;min-height:48px;display:flex;align-items:center}.car-select{width:100%;height:48px;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-family:Roboto,sans-serif;font-weight:400;font-size:14px;line-height:150%;padding:0 40px 0 16px;-webkit-appearance:none;appearance:none;cursor:pointer;transition:all .3s ease;position:relative;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.6)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.car-select:focus{outline:none;border-color:#ff6c70;box-shadow:0 0 0 2px #ff6c7033}.car-select:disabled{opacity:.5;cursor:not-allowed;background-color:#6e6e6e1a}.car-select option{background-color:#2a2a2a;color:#fff;padding:8px}.car-select option:first-child{color:#fff9}.select-label{color:#fff;font-family:Roboto,sans-serif;font-weight:400;font-size:14px;line-height:150%;display:none;width:100%;padding:12px 16px;background:#ff6c701a;border:1px solid #ff6c70;border-radius:8px;min-height:48px;align-items:center;justify-content:space-between;transition:all .3s ease}.select-label:hover{background:#ff6c7026}.label-prefix{color:#fffc;margin-right:8px}.selected-value{color:#fff;font-weight:500;flex:1}.edit-selection{background:none;border:none;color:#ff6c70;cursor:pointer;padding:4px;border-radius:4px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;margin-left:8px}.edit-selection:hover{background:#ff6c7033;color:#fff}.car-summary{margin-top:20px;padding:16px;background:linear-gradient(135deg,#ff6c701a,#ff6c700d);border:1px solid rgba(255,108,112,.3);border-radius:12px;transition:all .3s ease}.car-summary-header{display:flex;align-items:center;gap:8px;color:#ff6c70;font-weight:500;font-size:14px;margin-bottom:8px}.car-summary-content{color:#fff;font-size:16px;font-weight:500;line-height:1.4}.car-summary-text{display:block}.car-selector-messages{margin-top:16px}.car-selector-alert,.car-selector-error,.car-selector-success{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:12px;margin-bottom:12px;transition:all .3s ease;animation:slideIn .3s ease-out}.car-selector-alert{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);color:#ffc107}.car-selector-error{background:#ff44441a;border:1px solid rgba(255,68,68,.3);color:#f44}.car-selector-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.alert-icon{flex-shrink:0;margin-top:2px}.alert-content{flex:1}.alert-title{font-weight:500;font-size:14px;margin:0 0 4px;line-height:1.3}.alert-description{font-size:13px;margin:0;opacity:.9;line-height:1.4}.car-selector-disabled{background:linear-gradient(135deg,#6e6e6e,#5a5a5a)!important;border-color:#6e6e6e!important;color:#ffffffb3!important;cursor:not-allowed!important;position:relative;overflow:hidden}.car-selector-disabled:hover{background:linear-gradient(135deg,#6e6e6e,#5a5a5a)!important;border-color:#6e6e6e!important;transform:none!important}.car-selector-disabled:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite}.button-content{display:flex;align-items:center;justify-content:center;gap:8px}.button-icon,.button-text{transition:all .3s ease}.product-form__submit:not(.car-selector-disabled) .button-icon{display:none}.product-form__submit:not(.car-selector-disabled){background:linear-gradient(135deg,#ff6c70,#ff5a5f)!important;border-color:#ff6c70!important;color:#fff!important;cursor:pointer!important;transition:all .3s ease!important}.product-form__submit:not(.car-selector-disabled):hover{background:linear-gradient(135deg,#ff5a5f,#ff4449)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #ff6c704d!important}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes stepComplete{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.step-circle.completed{animation:stepComplete .3s ease-in-out}@media (max-width: 768px){.car-selector-container{flex-direction:column;gap:20px}.step-indicators{flex-direction:row;justify-content:center;gap:16px;align-self:center}.select-boxes{width:100%}.car-model-label{text-align:center}}@media (max-width: 480px){.step-indicators{gap:12px}.step-circle{width:36px;height:36px}.step-number{font-size:12px}.car-select,.select-label{font-size:13px;height:44px;min-height:44px}.car-summary,.car-selector-alert,.car-selector-error,.car-selector-success{padding:12px}}.car-select:focus-visible,.edit-selection:focus-visible{outline:2px solid #ff6c70;outline-offset:2px}@media (prefers-contrast: high){.step-circle{border:2px solid #ffffff}.car-select,.select-label{border-width:2px}}@media (prefers-reduced-motion: reduce){.step-circle,.car-select,.select-label,.car-selector-alert,.car-selector-error,.car-selector-success{transition:none;animation:none}.car-selector-disabled:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/car-selector.css.map */