.offer-extras { margin: 18px 0 24px; }
.offer-total { background: var(--green); color: white; border-radius: 15px; padding: 16px 18px; text-align: right; }
.offer-total span, .offer-total small { display: block; font-size: 10px; opacity: .75; }
.offer-total strong { display: block; font: 800 28px Manrope; margin: 2px 0; }
.extras-heading { display: flex; justify-content: space-between; align-items: end; margin: 18px 0 10px; }
.extras-heading strong { font: 700 14px Manrope; }
.extras-heading span { font-size: 10px; color: var(--muted); }
.extras-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.extra-option { display: grid; grid-template-columns: 32px 1fr auto; align-items: center; gap: 9px; border: 1px solid var(--line); background: #fafaf6; border-radius: 11px; padding: 10px; text-align: left; color: var(--ink); cursor: pointer; }
.extra-option:hover { border-color: #9bac9f; }
.extra-option.selected { background: #eff6e5; border-color: var(--green); box-shadow: inset 0 0 0 1px var(--green); }
.extra-option i { width: 30px; height: 30px; border-radius: 9px; background: #edf0e8; display: grid; place-items: center; color: var(--green); font-style: normal; font-weight: 800; }
.extra-option span strong, .extra-option span small { display: block; }
.extra-option span strong { font-size: 11px; }
.extra-option span small { font-size: 9px; color: var(--muted); margin-top: 2px; }
.extra-option > b { font-size: 10px; color: var(--green); }
.vendor-note { font-size: 9px !important; margin: 9px 0 0 !important; color: var(--muted) !important; text-align: right; }
@media (max-width: 590px) {
  .extras-grid { grid-template-columns: 1fr; }
  .ride-details { overflow-y: auto; }
}

.driver-hub { padding: 90px 7vw; background: #f4f7f9; display: grid; grid-template-columns: minmax(260px,.8fr) minmax(420px,1.2fr); gap: 70px; align-items: start; }
.driver-intro h2 { font-family: Manrope,sans-serif; font-size: 44px; line-height: 1.08; margin: 14px 0 18px; color: #10222d; }
.driver-intro p { font-size: 17px; line-height: 1.75; color: #66747c; max-width: 520px; }
.driver-benefits { display: grid; gap: 12px; margin-top: 28px; color: #183640; font-weight: 700; }
.taxi-form { background: #fff; padding: 30px; border-radius: 24px; box-shadow: 0 20px 55px rgba(23,48,61,.12); }
.taxi-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin: 24px 0; }
.taxi-grid label > span { display: block; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: #6d7a82; margin-bottom: 7px; }
.taxi-grid input, .taxi-grid select { width: 100%; box-sizing: border-box; border: 1px solid #dbe2e6; border-radius: 12px; padding: 13px 14px; font: inherit; background: #fff; color: #152b35; }
.taxi-grid input:focus, .taxi-grid select:focus { outline: 2px solid #1fa18733; border-color: #1fa187; }
.availability { display: flex; gap: 12px; align-items: flex-start; background: #edf8f5; border-radius: 14px; padding: 15px; margin-bottom: 18px; }
.availability input { margin-top: 4px; }.availability span { display: grid; }.availability small { color: #6e7d83; margin-top: 3px; }
.taxi-saved { margin-top: 15px; padding: 14px; border-radius: 12px; background: #e9f8ef; color: #17653d; display: grid; gap: 4px; }.taxi-saved span { font-size: 13px; }
@media (max-width: 850px) { .driver-hub { grid-template-columns: 1fr; padding: 60px 22px; gap: 30px; }.taxi-grid { grid-template-columns: 1fr; }.driver-intro h2 { font-size: 36px; } }
.map-loading{position:absolute;inset:0;display:grid;place-items:center;background:#eef3ef;color:#355448;font-weight:700;z-index:2}
.mapbox-taxi{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#fff;border:3px solid #22684b;box-shadow:0 5px 18px rgba(0,0,0,.25);font-size:23px;cursor:pointer}
.mapbox-pickup{width:22px;height:22px;border-radius:50%;background:#ee5e45;border:5px solid #fff;box-shadow:0 3px 12px rgba(0,0,0,.3)}
#live-map{position:relative;min-height:310px;overflow:hidden}
#live-map .mapboxgl-canvas{outline:none}
.brand-stack{display:flex;flex-direction:column;align-items:flex-start;line-height:1}
.see-albania-link{margin:5px 0 0 48px;color:#6b786f;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.see-albania-link:hover{color:#22684b}
.back-to-see{color:#355448;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
.back-to-see:hover{color:#173f30}
@media (max-width:760px){.back-to-see{display:none}.see-albania-link{margin-left:42px}}
.driver-console{min-height:calc(100vh - 76px);padding:48px 20px;background:#eef3ef}.driver-console-card{max-width:720px;margin:auto;background:#fff;border-radius:24px;padding:32px;box-shadow:0 18px 55px rgba(25,58,46,.12)}.driver-console-card h1{font-family:Manrope,sans-serif;font-size:36px;margin:8px 0}.availability-row{display:flex;gap:12px;align-items:center;padding:16px;margin:24px 0;background:#f2f8f4;border-radius:14px}.availability-row button{margin-left:auto;border:0;border-radius:10px;padding:10px 14px;font-weight:700}.availability-row #live-dot{width:11px;height:11px;border-radius:50%;background:#27a567;box-shadow:0 0 0 5px #d8f3e5}.availability-row #live-dot.offline{background:#999;box-shadow:none}.request-card{border:1px solid #dce8e1;border-radius:18px;padding:22px;margin-top:18px}.request-card h2{font-size:22px;margin:15px 0 8px}.request-actions,.status-actions{display:flex;gap:10px;margin-top:20px}.request-actions button,.status-actions button{flex:1;border:1px solid #22684b;border-radius:12px;padding:13px;font-weight:800;background:#fff;color:#22684b}.request-actions button:last-child,.status-actions button{background:#22684b;color:#fff}.status-actions{flex-wrap:wrap}.status-actions button{min-width:130px}
.driver-dashboard-link{display:inline-flex;margin-top:12px;color:#22684b;font-weight:800;text-decoration:none}
.sign-in{display:inline-flex;align-items:center;text-decoration:none;cursor:pointer}
.ride-review{margin-top:22px;padding:20px;border-radius:16px;background:#f4f8f5;border:1px solid #dce8e1}.ride-review h3{margin:0 0 5px;font:800 21px Manrope,sans-serif;color:#173f30}.ride-review>p{margin:0 0 16px;color:#68766f;font-size:13px}.review-row{display:flex;align-items:center;justify-content:space-between;margin:10px 0;font-weight:800}.star-rating{display:flex;gap:3px}.star-rating button{border:0;background:transparent;color:#c8d0cb;font-size:27px;line-height:1;padding:2px;cursor:pointer}.star-rating button.selected{color:#f2ad32}.ride-review textarea{width:100%;min-height:82px;box-sizing:border-box;margin-top:12px;padding:12px;border:1px solid #d2ddd6;border-radius:11px;font:inherit;resize:vertical}.ride-review>button{width:100%;margin-top:10px;border:0;border-radius:11px;padding:13px;background:#22684b;color:#fff;font-weight:800}.ride-review>button:disabled{opacity:.55}.review-message{margin:10px 0 0!important;text-align:center;color:#22684b!important;font-weight:700}