.booking-section{padding:100px 0;background:var(--color-bg-cream)}.booking-grid{display:grid;grid-template-columns:1fr;gap:32px;margin-top:60px}@media(min-width:1024px){.booking-grid{grid-template-columns:1.5fr 1fr}}.booking-steps{display:flex;flex-direction:column;gap:16px}.booking-step{background:var(--color-white);border-radius:var(--radius-lg);padding:24px}.booking-step .step-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:16px}.booking-step .step-hint{font-size:14px;color:var(--color-text-secondary)}.vehicle-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:640px){.vehicle-options{grid-template-columns:repeat(4,1fr)}}.vehicle-option{padding:20px;border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-white);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .3s ease}.vehicle-option:hover{border-color:var(--color-accent)}.vehicle-option.selected{border-color:var(--color-accent);background:#ff4d2e14}.vehicle-option.selected svg{color:var(--color-accent)}.vehicle-option svg{width:28px;height:28px;color:var(--color-text-secondary)}.vehicle-option:hover svg{color:var(--color-accent)}.vehicle-option span{font-size:13px;font-weight:500}.booking-select{width:100%;padding:16px;border-radius:var(--radius-md);border:2px solid var(--color-border);font-size:14px;background:var(--color-white);cursor:pointer}.addon-dropdown{position:relative}.addon-toggle{width:100%;padding:16px;border-radius:var(--radius-md);border:2px solid var(--color-border);font-size:14px;background:var(--color-white);cursor:pointer;display:flex;justify-content:space-between;align-items:center;text-align:left}.addon-toggle:hover{border-color:var(--color-accent)}.addon-toggle svg{width:16px;height:16px;transition:transform .3s ease}.addon-dropdown.open .addon-toggle svg{transform:rotate(180deg)}.addon-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:8px 0;z-index:100;display:none;box-shadow:0 10px 40px #0000001a}.addon-dropdown.open .addon-menu{display:block}.addon-item{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s ease}.addon-item:hover{background:#ff4d2e0d}.addon-item.selected{background:#ff4d2e14}.addon-item-info{display:flex;align-items:center;gap:12px}.addon-checkbox{width:18px;height:18px;border:2px solid var(--color-border);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.addon-item.selected .addon-checkbox{background:var(--color-accent);border-color:var(--color-accent)}.addon-checkbox svg{width:12px;height:12px;color:#fff;opacity:0;transition:opacity .2s ease}.addon-item.selected .addon-checkbox svg{opacity:1}.addon-name{font-size:14px;font-weight:500}.addon-price{font-size:14px;font-weight:600;color:var(--color-accent)}.selected-addons{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.selected-addon-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#ff4d2e1a;border-radius:var(--radius-sm);font-size:12px;font-weight:500;color:var(--color-accent)}.selected-addon-tag button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.selected-addon-tag svg{width:12px;height:12px}.estimate-card{background:var(--color-bg-dark);border-radius:var(--radius-lg);padding:32px;color:var(--color-white);height:fit-content}@media(min-width:1024px){.estimate-card{position:sticky;top:100px}}.estimate-card .estimate-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;margin-bottom:8px}.estimate-card .estimate-value{font-size:16px;color:#fff9;margin-bottom:24px}.estimate-card .estimate-line{border-top:1px solid rgba(255,255,255,.1);padding-top:16px;margin-bottom:24px}.estimate-line-item{display:flex;justify-content:space-between;font-size:14px;color:#ffffff80}.btn-estimate{width:100%;padding:16px;border-radius:var(--radius-xl);background:#ffffff1a;color:#fff6;font-weight:600;cursor:not-allowed;border:none;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px}.btn-estimate:hover{background:#e54328;transform:translateY(-2px);color:#fff}.estimate-hint{text-align:center;color:#fff6;font-size:12px;margin-top:16px}.vehicle-icon-svg,.addon-toggle-icon,.addon-check-icon,.btn-icon{width:24px;height:24px;stroke-width:2}.vehicle-option .vehicle-icon-svg{width:32px;height:32px;color:var(--color-text-secondary);transition:color .3s ease}.vehicle-option:hover .vehicle-icon-svg,.vehicle-option.selected .vehicle-icon-svg{color:var(--color-accent)}.addon-toggle-icon{width:20px;height:20px;transition:transform .3s ease}.addon-dropdown.open .addon-toggle-icon{transform:rotate(180deg)}.addon-check-icon{width:14px;height:14px;color:#fff;opacity:0;transition:opacity .2s ease}.addon-item.selected .addon-check-icon{opacity:1}.btn-icon{width:18px;height:18px}.estimate-phone{display:flex;align-items:center;gap:12px;margin-top:24px;padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.phone-icon{width:24px;height:24px;color:var(--color-accent);flex-shrink:0}.phone-info{display:flex;flex-direction:column}.phone-label{font-size:12px;color:#ffffff80;margin-bottom:2px}.phone-number{font-size:16px;font-weight:600;color:#fff;text-decoration:none;transition:color .3s ease}.phone-number:hover{color:var(--color-accent)}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-booking.css.map */
