.calculator-wrapper{display:grid;gap:24px;margin:0 auto}@media (min-width: 1024px){.calculator-wrapper{grid-template-columns:1fr 400px;gap:32px}}.service-selection-panel,.summary-panel{background:#121212;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.panel-header{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.panel-title{color:#eab750;font-size:20px;font-weight:700;margin:0;display:flex;align-items:center;gap:8px}.tab-container{padding:24px}.tab-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#1f293780;padding:6px;border-radius:10px;margin-bottom:24px}@media (max-width: 640px){.tab-buttons{grid-template-columns:1fr}}.tab-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;background:transparent;border:none;color:#ffffffb3;cursor:pointer;border-radius:6px;transition:all .2s ease;white-space:nowrap}.tab-button:hover{color:#ffffffe6;background:#eab7501a}.tab-button.active{background:#eab750;color:#121212!important;font-weight:600}.tab-icon{width:16px;height:16px}.tab-content{display:none}.tab-content.active{display:block}.form-group{margin-bottom:24px}.form-label{display:block;color:#fff;font-size:14px;font-weight:600;margin-bottom:8px}.form-select{width:100%;padding:12px 16px;background:#1f2937cc;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;transition:border-color .2s ease}.form-select:focus{outline:none;border-color:#eab750}.form-select option{background:#1f2937;color:#fff}.package-options{display:grid;gap:12px;margin-bottom:24px}.package-option{padding:16px;background:#1f293780;border:2px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease}.package-option:hover{border-color:#eab75080}.package-option.selected{border-color:#eab750;background:#eab7501a}.package-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.package-header h4{color:#fff;font-size:16px;font-weight:600;margin:0}.package-price{color:#eab750;font-size:18px;font-weight:700}.package-details{color:#ffffffb3;font-size:13px;margin:0}.detailing-type-selector{display:flex;gap:8px;margin-bottom:24px}.detailing-type-button{flex:1;padding:10px 16px;font-size:14px;font-weight:500;background:#1f293780;border:2px solid rgba(255,255,255,.1);color:#ffffffb3;cursor:pointer;border-radius:6px;transition:all .2s ease}.detailing-type-button:hover{border-color:#eab75080;color:#ffffffe6}.detailing-type-button.active{border-color:#eab750;background:#eab7501a;color:#eab750}.service-list{background:#1f293780;border-radius:8px;padding:16px;margin-bottom:24px}.service-item{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.service-item:last-child{border-bottom:none}.service-item.included{color:#fff}.check-icon{color:#eab750;margin-right:12px;font-weight:600}.headlight-options{display:grid;gap:12px}.headlight-option{display:flex;align-items:center;padding:12px 16px;background:#1f293780;border:2px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease}.headlight-option:hover{border-color:#eab75080}.headlight-option input[type=radio]{margin-right:12px}.option-content{display:flex;justify-content:space-between;align-items:center;width:100%}.option-title{color:#fff;font-size:14px;font-weight:500}.option-price{color:#eab750;font-size:16px;font-weight:600}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 24px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-primary{background:#eab750;color:#121212}.btn-primary:hover{background:#d4a73a}.btn-icon{width:16px;height:16px}.selected-services{padding:24px}.empty-state{text-align:center;padding:40px 20px;color:#fff9}.empty-icon{width:48px;height:48px;color:#ffffff4d;margin:0 auto 16px}.empty-text{font-size:16px;font-weight:500;margin:0 0 8px}.empty-subtext{font-size:14px;margin:0}.service-summary{position:relative;background:#1f293780;border-radius:8px;padding:16px;margin-bottom:16px}.service-summary h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px}.service-summary p{color:#ffffffb3;font-size:14px;margin:0 0 12px}.service-price{color:#eab750;font-size:18px;font-weight:700}.remove-service{position:absolute;top:12px;right:12px;width:24px;height:24px;background:#ef444433;color:#ef4444;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:background-color .2s ease}.remove-service:hover{background:#ef44444d}.total-section{border-top:2px solid rgba(255,255,255,.1);padding-top:20px;margin-top:20px}.total-price{color:#eab750;font-size:24px;font-weight:700;text-align:center;margin-bottom:16px}.booking-button{width:100%;padding:16px 24px;background:#eab750;color:#121212;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.booking-button:hover{background:#d4a73a}
