.club-customization-form{width:100%}.custom-toggle{display:flex;gap:0;width:100%;margin:0 auto 30px;border:2px solid #000;border-radius:10px;overflow:hidden;background-color:#fff}.toggle-option{flex:1;padding:14px 20px;background-color:#fff;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;color:#000;position:relative;text-decoration:none;text-align:center;display:flex;align-items:center;justify-content:center}.toggle-option:first-child:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:60%;width:1px;background-color:#ccc;transition:opacity .3s ease}.toggle-option.active{background-color:#000;color:#fff}.toggle-option.active:first-child:after{opacity:0}.toggle-option:hover:not(.active){background-color:#f5f5f5}.tabs-navigation{display:flex;width:100%;border-bottom:1px solid #ccc}.tab-button{flex:1;padding:16px 20px;background-color:#fff;border:none;border-bottom:3px solid transparent;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.tab-button:hover{background-color:#f5f5f5}.tab-button.active{background-color:#000;color:#fff;border-bottom-color:#000}.tabs-content{padding:30px 20px}.tab-panel{display:none;flex-direction:column;gap:20px}.tab-panel.active{display:flex}.form-field{display:flex;flex-direction:column;gap:12px;margin-bottom:1rem}.form-field label,.form-field>label{display:block;font-weight:600;font-size:14px;margin-bottom:.5rem}.form-field.required>label:after{content:" *";color:#c33;font-weight:700}.form-field select{width:100%;padding:10px;border:1px solid #cfcfcf;border-radius:5px;font-size:1rem;background-color:#fff;cursor:pointer}.form-field select:focus{outline:none;border-color:#333}.form-field textarea{width:100%;padding:10px;border:1px solid #cfcfcf;border-radius:5px;font-size:1rem;background:#fff;resize:vertical;min-height:100px}.form-field textarea:focus{outline:none;border-color:#333}.radio-group{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.radio-group:has(>:last-child:nth-child(-n+3)){grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.radio-option{display:flex;align-items:center;text-align:center;gap:8px;padding:10px 12px;border:2px solid #ccc;border-radius:4px;cursor:pointer;transition:all .2s ease;background-color:#fff}.radio-option:hover{border-color:#666;background-color:#f5f5f5}.radio-option input[type=radio]{margin:0;cursor:pointer;display:none}.radio-option input[type=radio]:checked+span{font-weight:600}.radio-option:has(input[type=radio]:checked){border-color:#000;background-color:#000;color:#fff}.radio-option.disabled{opacity:.5;cursor:not-allowed;background-color:#f0f0f0;border-color:#ddd}.radio-option.disabled:hover{border-color:#ddd;background-color:#f0f0f0}.radio-option.disabled span{color:#999}.radio-option.disabled input[type=radio]{cursor:not-allowed}.checkbox-group{display:flex;gap:12px;flex-wrap:wrap}.checkbox-group .checkbox-option{display:flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid #ccc;border-radius:4px;cursor:pointer;transition:all .2s ease;background-color:#fff}.checkbox-group .checkbox-option:hover{border-color:#666;background-color:#f5f5f5}.checkbox-group .checkbox-option input[type=checkbox]{margin:0;cursor:pointer;display:none}.checkbox-group .checkbox-option input[type=checkbox]:checked+span{font-weight:600}.checkbox-group .checkbox-option:has(input[type=checkbox]:checked){border-color:#000;background-color:#000;color:#fff}.checkbox-group .checkbox-option span{-webkit-user-select:none;user-select:none}.checkbox-group .checkbox-option.required-club{opacity:.7;cursor:not-allowed;border-color:#56ad6a;background-color:#56ad6a;color:#fff}.checkbox-group .checkbox-option.required-club:hover{border-color:#56ad6a;background-color:#56ad6a}.checkbox-group .checkbox-option.required-club input[type=checkbox]{cursor:not-allowed}.checkbox-row{display:flex;flex-wrap:wrap;gap:.5rem}.checkbox-option{display:flex;align-items:center;gap:.25rem;cursor:pointer}.checkbox-option input[type=checkbox]{width:20px;height:20px;border:1px solid #cfcfcf;border-radius:3px;cursor:pointer}.checkbox-option span{font-size:14px}.tab-next-btn{margin-top:1.5rem;padding:12px 24px;background-color:#000;color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s;align-self:flex-start;width:100%}.tab-next-btn:hover{background-color:#333}.question-mark__wrapper{margin-left:4px;position:relative;display:inline-flex;align-items:center;cursor:help}.question-mark__wrapper svg{width:14px;height:14px}.pop{position:absolute;left:0;top:100%;margin-top:8px;padding:10px;width:280px;background:#142a26;color:#fff;visibility:hidden;opacity:0;font-size:12px;font-weight:400;z-index:10;border-radius:4px;transition:opacity .2s,visibility .2s;line-height:1.4}.question-mark__wrapper:hover .pop{visibility:visible;opacity:1}.pop p{font-weight:400;margin-bottom:0}.shaft-additional-cost,.adapter-additional-cost,.grip-additional-cost{color:#56ad6a}.shaft-model-image,.adapter-model-image,.grip-model-image,.select-image{border:1px solid #cfcfcf;padding:5px;min-height:60px}.shaft-model-image img,.adapter-model-image img,.grip-model-image img,.select-image img{width:100%;max-height:150px;object-fit:contain}.range-slider-wrapper{display:flex;flex-direction:column;gap:12px;position:relative;margin-top:24px}.range-slider{width:100%;height:2px;-webkit-appearance:none;appearance:none;background:#cfcfcf;outline:none;cursor:pointer;position:relative;padding:0}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#000;border-radius:50%;border:none;cursor:pointer;transition:all .2s ease}.range-slider::-webkit-slider-thumb:hover{background:#333;transform:scale(1.1)}.range-slider::-moz-range-thumb{width:20px;height:20px;background:#000;border-radius:50%;border:none;cursor:pointer;transition:all .2s ease}.range-slider::-moz-range-thumb:hover{background:#333;transform:scale(1.1)}.range-slider-wrapper datalist{display:flex;justify-content:space-between;width:100%;margin-top:-8px;position:relative}.range-slider-wrapper datalist option{display:flex;flex-direction:column;align-items:center;padding:0;width:2px;height:8px;background:#cfcfcf}.range-slider.with-ticks{background-image:repeating-linear-gradient(to right,#cfcfcf 0px,#cfcfcf 2px,transparent 2px,transparent calc(100% / var(--tick-count)));background-size:100% 2px;background-position:0 center;background-repeat:no-repeat}.range-value{display:flex;justify-content:center;align-items:center;padding:8px 16px;background-color:#f5f5f5;border:1px solid #cfcfcf;border-radius:4px;font-size:16px;font-weight:600;text-align:center}.range-value-display{color:#000}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;width:100%}.form-row>*{min-width:0}.shaft-model-select-button,.grip-model-select-button,.ferrule-model-select-button,.adapter-model-select-button{width:100%;display:flex;flex-direction:column;padding:20px 0 0;border:1px solid #cfcfcf;border-radius:5px;background-color:#fff;cursor:pointer;transition:all .2s ease;text-align:left;overflow:hidden;position:relative}.shaft-model-select-button:hover,.grip-model-select-button:hover,.ferrule-model-select-button:hover,.adapter-model-select-button:hover{border-color:#333;background-color:#f9f9f9}.shaft-model-select-button:focus,.grip-model-select-button:focus,.ferrule-model-select-button:focus,.adapter-model-select-button:focus{outline:none;border-color:#333}.shaft-model-select-button__image,.grip-model-select-button__image,.ferrule-model-select-button__image,.adapter-model-select-button__image{width:100%;height:60px;border-bottom:1px solid #e5e5e5;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.shaft-model-select-button__image img,.grip-model-select-button__image img,.ferrule-model-select-button__image img,.adapter-model-select-button__image img{width:100%;height:100%;object-fit:cover}.shaft-model-select-button__placeholder,.grip-model-select-button__placeholder,.ferrule-model-select-button__placeholder,.adapter-model-select-button__placeholder{width:100%;height:40px;border-bottom:1px solid #e5e5e5;display:flex;align-items:start;padding-left:10px;color:#999;font-size:.875rem}.shaft-model-select-button__placeholder{color:#000}.shaft-model-select-button__info,.grip-model-select-button__info,.ferrule-model-select-button__info,.adapter-model-select-button__info{display:flex;justify-content:space-between;align-items:center;padding:1rem;gap:1rem}.shaft-model-select-button__title-group,.grip-model-select-button__title-group,.ferrule-model-select-button__title-group,.adapter-model-select-button__title-group{flex:1;display:flex;flex-direction:column;gap:.25rem}.shaft-model-select-button__title,.grip-model-select-button__title,.ferrule-model-select-button__title,.adapter-model-select-button__title{font-weight:600;font-size:1rem;color:#333;line-height:1.3}.shaft-model-select-button__vendor,.grip-model-select-button__vendor,.ferrule-model-select-button__vendor,.adapter-model-select-button__vendor{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.025em}.shaft-model-select-button__price,.grip-model-select-button__price,.ferrule-model-select-button__price,.adapter-model-select-button__price{font-size:.875rem;color:#56ad6a;font-weight:600;white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.shaft-model-select-button__total,.grip-model-select-button__total,.ferrule-model-select-button__total,.adapter-model-select-button__total{font-size:.75rem;color:#666;font-weight:500;line-height:1.2}.shaft-model-select-button__dropdown-icon,.grip-model-select-button__dropdown-icon,.ferrule-model-select-button__dropdown-icon,.adapter-model-select-button__dropdown-icon{position:absolute;top:6px;right:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;z-index:1}.shaft-model-select-button__dropdown-icon svg,.grip-model-select-button__dropdown-icon svg,.ferrule-model-select-button__dropdown-icon svg,.adapter-model-select-button__dropdown-icon svg{width:14px;height:14px;color:#666;transition:transform .2s ease}.shaft-model-select-button:hover .shaft-model-select-button__dropdown-icon svg,.grip-model-select-button:hover .grip-model-select-button__dropdown-icon svg,.ferrule-model-select-button:hover .ferrule-model-select-button__dropdown-icon svg,.adapter-model-select-button:hover .adapter-model-select-button__dropdown-icon svg{transform:translateY(2px)}.shaft-model-selector,.grip-model-selector,.ferrule-model-selector,.adapter-model-selector{display:flex;flex-direction:column;gap:1rem;height:100%}.shaft-search,.grip-search,.ferrule-search,.adapter-search{background:#fff;z-index:1;padding-bottom:1rem}.shaft-search input,.grip-search input,.ferrule-search input,.adapter-search input{width:100%;padding:10px 16px;border:1px solid #cfcfcf;border-radius:5px;font-size:1rem;transition:border-color .2s ease}.shaft-search input:focus,.grip-search input:focus,.ferrule-search input:focus,.adapter-search input:focus{outline:none;border-color:#333}.shaft-options-list,.grip-options-list,.ferrule-options-list,.adapter-options-list{display:flex;flex-direction:column;gap:1rem}.shaft-option,.grip-option,.ferrule-option,.adapter-option{display:flex;flex-direction:column;padding:0;border:1px solid #e5e5e5;border-radius:5px;cursor:pointer;transition:all .2s ease;background-color:#fff;overflow:hidden}.shaft-option:hover,.grip-option:hover,.ferrule-option:hover,.adapter-option:hover{border-color:#333;background-color:#f9f9f9;box-shadow:0 2px 8px #0000001a}.shaft-option__image,.grip-option__image,.ferrule-option__image,.adapter-option__image{width:100%;height:60px;border-bottom:1px solid #e5e5e5;overflow:hidden;display:flex;align-items:center;justify-content:center}.shaft-option__image img,.grip-option__image img,.ferrule-option__image img,.adapter-option__image img{width:100%;height:100%;object-fit:cover}.shaft-option__image .no-image,.grip-option__image .no-image,.ferrule-option__image .no-image,.adapter-option__image .no-image{font-size:12px;color:#999;text-align:center;padding:.5rem}.shaft-option__info,.grip-option__info,.ferrule-option__info,.adapter-option__info{display:flex;justify-content:space-between;align-items:center;padding:1rem;gap:1rem}.shaft-option__title-group,.grip-option__title-group,.ferrule-option__title-group,.adapter-option__title-group{flex:1;display:flex;flex-direction:column;gap:.25rem}.shaft-option__title,.grip-option__title,.ferrule-option__title,.adapter-option__title{font-weight:600;font-size:1rem;color:#333;line-height:1.3}.shaft-option__vendor,.grip-option__vendor,.ferrule-option__vendor,.adapter-option__vendor{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.025em}.shaft-option__price,.grip-option__price,.ferrule-option__price,.adapter-option__price{font-size:.875rem;color:#56ad6a;font-weight:600;white-space:nowrap}.no-results{padding:2rem;text-align:center;color:#999;font-size:1rem}.shaft-filters,.grip-filters,.ferrule-filters,.adapter-filters{display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e5e5}.shaft-filter-group,.grip-filter-group,.ferrule-filter-group,.adapter-filter-group{display:flex;flex-direction:column;gap:.5rem}.shaft-filter-label,.grip-filter-label,.ferrule-filter-label,.adapter-filter-label{font-weight:600;font-size:14px;color:#333}.shaft-filter-radio-group{display:flex;gap:8px;flex-wrap:wrap}.shaft-filter-radio-option{display:flex;align-items:center;gap:8px;padding:8px 12px;border:2px solid #ccc;border-radius:4px;cursor:pointer;transition:all .2s ease;background-color:#fff;font-size:14px}.shaft-filter-radio-option:hover{border-color:#666;background-color:#f5f5f5}.shaft-filter-radio-option input[type=radio]{margin:0;cursor:pointer;display:none}.shaft-filter-radio-option input[type=radio]:checked+span{font-weight:600}.shaft-filter-radio-option:has(input[type=radio]:checked){border-color:#000;background-color:#000;color:#fff}.shaft-filter-group select,.grip-filter-group select,.ferrule-filter-group select,.adapter-filter-group select{width:100%;padding:8px 12px;border:1px solid #cfcfcf;border-radius:5px;font-size:14px;background-color:#fff;cursor:pointer;transition:border-color .2s ease}.shaft-filter-group select:focus,.grip-filter-group select:focus,.ferrule-filter-group select:focus,.adapter-filter-group select:focus{outline:none;border-color:#333}.form-field .checkbox-with-note{display:flex;align-items:flex-start;gap:16px;cursor:pointer;font-weight:400}.checkbox-with-note input[type=checkbox]{margin-top:2px;width:24px;height:24px;flex-shrink:0;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid #cfcfcf;border-radius:4px;background-color:#fff;position:relative;transition:all .2s ease}.checkbox-with-note input[type=checkbox]:hover{border-color:#666;background-color:#f5f5f5}.checkbox-with-note input[type=checkbox]:focus{outline:none;border-color:#333}.checkbox-with-note input[type=checkbox]:checked{background-color:#000;border-color:#000}.checkbox-with-note input[type=checkbox]:checked:after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-note{display:flex;flex-direction:column;gap:4px}.checkbox-note__primary{font-size:11px;font-weight:600;color:#000;line-height:1.4}.checkbox-note__secondary{font-size:11px;color:#666;line-height:1.3}.checkbox-note__secondary a{color:#666;text-decoration:underline}.checkbox-note__secondary a:hover{color:#000}.validation-error-message{padding:16px 20px;background-color:#fee;border:2px solid #c33;border-radius:5px;color:#c33;font-weight:600;font-size:14px;margin-bottom:20px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.field-error{animation:shake .5s ease}.field-error select,.field-error input,.field-error textarea,.field-error.shaft-model-select-button{border-color:#c33!important;background-color:#fff5f5!important}.field-error label{color:#c33}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.form-info{font-size:.75rem;color:#6b7280;letter-spacing:-.02em}.ferrule-model-image{border:1px solid #cfcfcf;padding:5px;min-height:60px}.ferrule-model-image img{width:100%;max-height:150px;object-fit:contain}
/*# sourceMappingURL=/cdn/shop/t/27/assets/club-customization.css.map */