.cargo-booking-panel{color:#17241d;background:linear-gradient(145deg,#fff,#f5faf7);border:1px solid #d9e4de;border-radius:22px;max-width:1180px;margin:24px auto;padding:26px;box-shadow:0 18px 45px #164c3420}.cargo-booking-panel header span{color:#16714a;align-items:center;gap:8px;font-size:12px;font-weight:900;display:flex}.cargo-booking-panel header h2{margin:8px 0;font-size:clamp(24px,4vw,38px)}.cargo-booking-panel header p{color:#65736c;margin:0}.cargo-flow{grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0;display:grid}.cargo-flow span{background:#eaf5ef;border-radius:12px;align-items:center;gap:8px;padding:11px;font-size:12px;font-weight:700;display:flex}.cargo-flow b{color:#fff;background:#18774e;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.cargo-form-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.cargo-form-grid label{gap:6px;font-size:12px;font-weight:800;display:grid}.cargo-form-grid input,.cargo-form-grid select,.cargo-form-grid textarea{box-sizing:border-box;color:#18251e;background:#fff;border:1px solid #cbd8d1;border-radius:11px;width:100%;padding:12px}.cargo-trip,.cargo-wide,.cargo-route-summary{grid-column:1/-1}.cargo-route-summary{background:#eef7f2;border-radius:14px;gap:12px;padding:14px;display:flex}.cargo-route-summary div{gap:3px;display:grid}.cargo-route-summary svg{color:#18774e}.cargo-form-grid textarea{resize:vertical;min-height:78px}.cargo-total{color:#fff;background:#15281f;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;margin-top:18px;padding:16px;display:grid}.cargo-total>svg{color:#7ed3a7}.cargo-total div{display:grid}.cargo-total small,.cargo-total span{color:#c2d5cb}.cargo-total strong{font-size:25px}.cargo-total button{color:#10241a;background:#89ddb1;border:0;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-weight:900;display:flex}.cargo-security,.cargo-notice{background:#eef7f2;border-radius:11px;align-items:center;gap:8px;padding:12px;display:flex}.cargo-notice{color:#725200;background:#fff4d9}@media (max-width:800px){.cargo-booking-panel{border-radius:16px;margin:14px;padding:16px}.cargo-flow,.cargo-form-grid{grid-template-columns:1fr 1fr}.cargo-total{grid-template-columns:auto 1fr}.cargo-total button{grid-column:1/-1;justify-content:center}}@media (max-width:520px){.cargo-flow,.cargo-form-grid{grid-template-columns:1fr}.cargo-trip,.cargo-wide,.cargo-route-summary{grid-column:auto}.cargo-total{grid-template-columns:1fr}.cargo-total>svg{display:none}}.bus-booking-page{color:#12332a;background:#f4f7f6;min-height:100vh;font-family:Arial,sans-serif}.booking-header{z-index:20;background:#fff;border-bottom:1px solid #dbe8e1;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(18px,5vw,76px);display:flex;position:sticky;top:0}.booking-brand{color:#11894f;align-items:center;gap:10px;font-weight:900;text-decoration:none;display:flex}.booking-brand svg{width:31px;height:31px}.booking-header nav{align-items:center;gap:22px;display:flex}.booking-header nav a{color:#25463d;font-weight:700;text-decoration:none}.booking-header select{background:#fff;border:1px solid #cbded4;border-radius:9px;padding:9px}.booking-hero{color:#fff;background:linear-gradient(120deg,#0d6b42,#18a35f);align-items:center;min-height:225px;padding:50px clamp(18px,8vw,120px);display:flex}.booking-hero span{align-items:center;gap:8px;font-weight:800;display:flex}.booking-hero h1{margin:12px 0 4px;font-size:clamp(38px,6vw,68px)}.booking-hero p{margin:0;font-size:18px}.route-search-card{z-index:2;background:#fff;border-radius:18px;grid-template-columns:1fr 1fr .85fr auto;gap:12px;width:min(1180px,100% - 30px);margin:-38px auto 34px;padding:17px;display:grid;position:relative;box-shadow:0 18px 45px #174b3524}.route-search-card label,.passenger-form label{grid-template-columns:auto 1fr;align-items:center;gap:5px 8px;font-size:13px;font-weight:800;display:grid}.route-search-card label svg{color:#15965a;width:18px}.route-search-card input,.passenger-form input{border:1px solid #d2e2da;border-radius:10px;grid-column:1/-1;padding:12px;font-size:16px}.route-search-card button,.trip-price button,.reserve-ticket{color:#fff;background:#11894f;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:900;display:flex}.route-search-card button:disabled,.reserve-ticket:disabled{opacity:.5}.booking-results{gap:14px;width:min(1180px,100% - 30px);margin:auto;padding-bottom:60px;display:grid}.trip-card{background:#fff;border:1px solid #dbe8e1;border-radius:16px;grid-template-columns:1fr 1.3fr 1fr 1.5fr 1fr;align-items:center;gap:18px;padding:20px;display:grid}.trip-time{gap:5px;display:grid}.trip-time strong{font-size:23px}.trip-time span,.trip-bus span,.trip-price span{color:#667b74;font-size:13px}.trip-line{color:#72877e;align-items:center;font-size:12px;display:flex}.trip-line i{background:#c9dbd2;flex:1;height:1px}.trip-bus{grid-template-columns:auto 1fr;align-items:center;gap:3px 9px;display:grid}.trip-bus svg{color:#15965a;grid-row:1/3}.trip-price{text-align:right;gap:4px;display:grid}.trip-price button{margin-top:8px}.booking-empty{text-align:center;background:#fff;border-radius:16px;padding:55px}.booking-empty svg{color:#15965a;width:55px;height:55px}.seat-modal-backdrop{z-index:80;background:#071c17a8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.seat-modal{background:#fff;border-radius:22px;width:min(900px,100%);max-height:92vh;padding:28px;position:relative;overflow:auto}.seat-close{background:#eef5f1;border:0;border-radius:50%;width:38px;height:38px;font-size:25px;position:absolute;top:14px;right:18px}.seat-modal-head{border-bottom:1px solid #e0ece6;justify-content:space-between;align-items:end;gap:20px;padding-bottom:18px;display:flex}.seat-modal-head h2{margin:4px 0 0}.seat-legend{gap:15px;font-size:13px;display:flex}.seat-legend span{align-items:center;gap:6px;display:flex}.seat-legend i{border:1px solid #a6bdb2;border-radius:4px;width:14px;height:14px}.seat-legend .selected{background:#15965a}.seat-legend .booked{background:#cbd4d0}.seat-booking-grid{grid-template-columns:1fr 1fr;gap:34px;padding-top:24px;display:grid}.bus-seat-map{background:#f7faf8;border:2px solid #d6e6de;border-radius:28px 28px 15px 15px;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px;display:grid}.driver{text-align:right;color:#71887e;border-bottom:1px dashed #c4d8ce;grid-column:1/-1;padding:5px 12px 16px}.bus-seat-map button{color:#42675a;background:#fff;border:1px solid #bed4c9;border-radius:9px;place-items:center;gap:1px;padding:8px 4px;display:grid;position:relative}.bus-seat-map button:nth-of-type(4n+2){margin-right:16px}.bus-seat-map button svg{width:20px}.bus-seat-map button.selected{color:#fff;background:#15965a;border-color:#15965a}.bus-seat-map button.booked{color:#9aa9a3;background:#dbe2df;border-color:#dbe2df}.passenger-form{align-content:start;gap:14px;display:grid}.passenger-form h3{gap:9px;margin:0;display:flex}.booking-total{background:#edf7f1;border-radius:12px;justify-content:space-between;padding:14px;display:flex}.booking-notice,.page-booking-notice{color:#086739;background:#e7f7ee;border-radius:10px;padding:12px;line-height:1.45}.page-booking-notice{width:min(800px,100% - 30px);margin:20px auto}.rtl{direction:rtl}.rtl .trip-price{text-align:left}.rtl .seat-close{left:18px;right:auto}@media (max-width:800px){.booking-header nav a{display:none}.booking-hero{min-height:180px}.route-search-card{grid-template-columns:1fr 1fr}.route-search-card button{grid-column:1/-1}.trip-card{grid-template-columns:1fr 1fr}.trip-line{display:none}.trip-bus{border-top:1px solid #e2ece7;grid-column:1/-1;padding-top:12px}.trip-price{text-align:left;grid-column:1/-1}.seat-booking-grid{grid-template-columns:1fr}.seat-modal{padding:22px 16px}.seat-modal-head{display:grid}.seat-legend{flex-wrap:wrap}.booking-total{gap:5px;display:grid}}@media (max-width:520px){.route-search-card{grid-template-columns:1fr}.route-search-card button{grid-column:auto}.booking-hero h1{font-size:38px}.booking-header{height:62px}.booking-brand{font-size:13px}.seat-modal-backdrop{padding:0}.seat-modal{border-radius:0;width:100%;height:100%;max-height:none}.bus-seat-map button:nth-of-type(4n+2){margin-right:9px}}