.Ride-booking-form {
    background: transparent;
    padding: 10px 0 0 0;
}

.booking-panel {
    background: rgba(255,255,255,0.95);
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 6px 30px rgba(0,0,0,0.08);
}

.booking-header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #333;
}

.booking-toggle .toggle-btn {
    border: none;
    background: #222;
    color: #fff;
    padding: 12px 18px;
    margin-left: 8px;
    border-radius: 6px;
    font-weight: 600;
}

.booking-toggle .toggle-btn.active {
    background: #d6ab09; /* gold */
    color: #111;
}

.form-row { margin-top: 18px; }
.field-label { display:block; font-weight:600; color:#333; margin-bottom:8px; }
.form-field { position:relative; }
.form-field input.form-control { height:48px; padding:12px 14px; border-radius:4px; border:1px solid #e3e3e3; background:#fafafa; }
.with-pin { display:flex; align-items:center; }
.with-pin .btn-pin { margin-left:10px; background:#fff; border:1px solid #e1cfa6; padding:10px 12px; border-radius:6px; cursor:pointer; }

.booking-aside { background: rgba(255,255,255,0.95); padding:20px; border-radius:8px; box-shadow: 0 6px 30px rgba(0,0,0,0.05); }
.aside-group { margin-bottom:18px; }
.aside-group h5 { margin:0 0 10px 0; text-transform:none; font-size:16px; color:#222; }
.counter { display:flex; align-items:center; gap:8px; }
.btn-counter { width:44px; height:44px; border-radius:6px; border:1px solid #ddd; background:#fff; font-size:18px; cursor:pointer; }
.counter-value { min-width:46px; height:44px; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid #eee; border-radius:6px; font-weight:700; }

.calc-box { background:#f3f3f3; padding:10px; border-radius:6px; }
.calc-row { display:flex; justify-content:space-between; padding:8px 6px; border-bottom:1px solid rgba(0,0,0,0.03); }
.calc-row:last-child { border-bottom:none; }
.calc-label { color:#444; font-weight:600; }
.calc-value { color:#222; font-weight:700; }

.default-btn { background:#d6ab09; color:#111; border:none; padding:10px 22px; border-radius:6px; font-weight:700; }

@media (max-width: 991px) {
    .booking-header { flex-direction:column; align-items:flex-start; gap:12px; }
    .with-pin .btn-pin { margin-left:8px; }
}

@media (max-width: 767px) {
    .col-lg-8, .col-lg-4 { width:100%; }
    .mr-3, .ml-3 { margin:0; }
    .booking-aside { margin-top:18px; }
}