
.booking-hero{position:relative;background-color:#12313e;background-image:linear-gradient(90deg,rgba(6,16,31,.88) 0%,rgba(6,16,31,.72) 40%,rgba(6,16,31,.28) 72%,rgba(6,16,31,.12) 100%),url('/media/images/booking-hero.webp');background-position:center 50%;background-size:cover;background-repeat:no-repeat;color:#fff;padding:76px 0 96px}
.booking-hero .eyebrow{color:#78dbe9;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.booking-hero h1{font-size:clamp(38px,5vw,60px);line-height:1.02;letter-spacing:-.045em;margin:12px 0 16px;max-width:820px}.booking-hero p{max-width:800px;color:#d3dce8;font-size:18px;margin:0}.booking-trust{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.booking-trust span{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);padding:9px 12px;border-radius:999px;font-size:13px;font-weight:700}
.booking-engine{padding:0 0 84px;margin-top:-44px;position:relative;z-index:2}.booking-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:26px;align-items:start}.booking-main,.booking-summary-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.booking-main{padding:28px}.booking-summary-card{padding:26px;position:sticky;top:118px}.booking-progress{display:flex;align-items:center;justify-content:center;margin:0 0 28px}.booking-progress span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eaf0f6;color:#7b8798;font-weight:900;border:2px solid #e1e8f0}.booking-progress span.active{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 8px 20px rgba(24,182,209,.28)}.booking-progress i{height:2px;background:#e1e8f0;flex:0 0 66px}.booking-step{display:none}.booking-step.active{display:block;animation:bookingFade .22s ease}@keyframes bookingFade{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}.booking-step-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.booking-step-head h2{font-size:28px;letter-spacing:-.03em;margin:0}.booking-step-head p{margin:6px 0 0;color:var(--muted)}.booking-link{border:0;background:none;color:var(--red-dark);font-weight:800;cursor:pointer;padding:7px 0}.booking-search-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.booking-search-grid label,.booking-flight,.customer-grid label{display:block}.booking-search-grid label>span,.booking-flight>span,.customer-grid label>span{display:block;font-size:12px;font-weight:800;color:#526071;margin-bottom:7px}.booking-search-grid input,.booking-search-grid select,.booking-flight input,.customer-grid input,.customer-grid textarea{width:100%;border:1px solid #d5dee9;border-radius:13px;background:#fff;padding:12px 14px;font:inherit;outline:none;transition:.18s}.booking-search-grid input,.booking-search-grid select,.customer-grid input{height:50px}.booking-search-grid input:focus,.booking-search-grid select:focus,.booking-flight input:focus,.customer-grid input:focus,.customer-grid textarea:focus{border-color:#5acfe2;box-shadow:0 0 0 3px rgba(24,182,209,.10)}.booking-next{margin-top:22px;border:0;cursor:pointer}.booking-error{display:none;margin-top:14px;color:#b42318;background:#fff1f0;border:1px solid #ffd1cc;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:700}.booking-error.show{display:block}
.booking-car-list{display:grid;gap:14px}.booking-car-option{display:grid;grid-template-columns:150px 1fr auto;gap:18px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:14px;background:#fff;transition:.18s}.booking-car-option:hover{border-color:#bcdce4;box-shadow:var(--shadow-soft)}.booking-car-option.selected{border-color:var(--red);box-shadow:0 0 0 2px rgba(24,182,209,.10)}.booking-car-option img{width:150px;height:92px;object-fit:contain;background:#f5f8fb;border-radius:13px;padding:8px}.booking-car-name{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.booking-car-name b{font-size:18px}.booking-group{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:10px;background:var(--navy);color:#fff;font-weight:900}.booking-car-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.booking-car-meta span{font-size:11px;background:#f3f6fa;border:1px solid #e6ecf3;border-radius:999px;padding:6px 9px;color:#536071;font-weight:700}.booking-car-price{text-align:right}.booking-car-price small{display:block;color:var(--muted)}.booking-car-price strong{font-size:22px;display:block;margin:3px 0 9px}.booking-car-price button{border:0;cursor:pointer;white-space:nowrap}
.booking-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.booking-option-block h3{margin:0 0 12px;font-size:18px}.choice-card{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:10px;cursor:pointer}.choice-card:has(input:checked){border-color:var(--red);background:#f2fcfe}.choice-card input{margin-top:4px;accent-color:var(--red)}.choice-card span{display:block}.choice-card strong{display:block;font-size:14px}.choice-card small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.booking-flight{margin-top:18px}.customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.customer-grid .full{grid-column:1/-1}.customer-grid textarea{min-height:130px;resize:vertical}.booking-agree{display:flex;align-items:flex-start;gap:10px;margin:18px 0}.booking-agree input{margin-top:5px;accent-color:var(--red)}.booking-agree span{font-size:13px;color:#5a6575}.booking-agree a{text-decoration:underline}.booking-submit{border:0;cursor:pointer;width:100%;justify-content:center}.hidden{position:absolute!important;left:-9999px!important}
.booking-summary-card h3{margin:0 0 18px;font-size:20px}.booking-summary-card dl{margin:0}.booking-summary-card dl>div{padding:12px 0;border-bottom:1px solid var(--line)}.booking-summary-card dt{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#8792a3;font-weight:900}.booking-summary-card dd{margin:4px 0 0;color:#253044;font-weight:750;font-size:13px}.booking-estimate{padding:20px 0}.booking-estimate small{display:block;color:#6a7585}.booking-estimate strong{font-size:32px;letter-spacing:-.04em;display:block}.booking-estimate p{font-size:11px;color:#7a8595;line-height:1.5}.summary-help{background:#f4f8fb;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:3px;font-size:12px;color:#536071}.summary-help strong{color:#1f2937}.success-page{padding:86px 0;background:#f3f7fb;min-height:62vh}.success-card{max-width:720px;margin:auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:26px;padding:48px 34px;box-shadow:var(--shadow)}.success-check{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#e9fbf0;color:#1d8b4a;font-size:34px;font-weight:900}.success-card h1{font-size:38px;letter-spacing:-.04em;margin:0 0 12px}.success-card p{color:#5f6b7b}.success-ref{background:#f4f7fb;border-radius:12px;padding:12px;margin:18px 0 24px!important}
@media(max-width:980px){.booking-layout{grid-template-columns:1fr}.booking-summary-card{position:static;order:-1}.booking-car-option{grid-template-columns:130px 1fr}.booking-car-price{grid-column:2;text-align:left;display:flex;align-items:center;gap:14px}.booking-car-price strong{margin:0}.booking-options-grid{grid-template-columns:1fr}}
@media(max-width:640px){.booking-hero{padding:58px 0 82px;background-image:linear-gradient(90deg,rgba(6,16,31,.84),rgba(6,16,31,.62)),url('/media/images/booking-hero.webp');background-position:70% center}.booking-main{padding:19px;border-radius:20px}.booking-summary-card{padding:20px}.booking-search-grid,.customer-grid{grid-template-columns:1fr}.booking-car-option{grid-template-columns:1fr}.booking-car-option img{width:100%;height:145px}.booking-car-price{grid-column:auto}.booking-progress i{flex-basis:35px}.booking-options-grid{grid-template-columns:1fr}.booking-step-head{flex-direction:column}.success-card{padding:38px 22px}.success-card h1{font-size:32px}}

.live-day-rate{display:block;margin-top:4px;font-size:12px;color:#61747d;font-weight:700}
.booking-car-option.unavailable{opacity:.72}
.booking-car-option button:disabled{opacity:.55;cursor:not-allowed}
#be-live-message.show{display:block;margin-top:14px}

/* 2026-08-26: EN booking hero title — smaller and one line on desktop */
body[data-booking-lang="en"] .booking-hero h1{
  font-size:clamp(30px,3.2vw,44px);
  line-height:1.08;
  letter-spacing:-.03em;
  max-width:none;
  white-space:nowrap;
}
@media(max-width:900px){
  body[data-booking-lang="en"] .booking-hero h1{
    font-size:clamp(28px,6vw,38px);
    white-space:normal;
  }
}

/* 2026-08-26: richer live pricing, booking management and FAQ */
.booking-policy-row{display:block;margin-top:5px;font-size:11px;color:#536b75;font-weight:750}.booking-policy-row b{color:#173b48}.manage-existing-link{display:inline-flex;margin-top:15px;color:#fff;font-weight:850;text-decoration:underline;text-underline-offset:3px}.booking-faq{padding:10px 0 74px}.booking-faq .faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.booking-faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}.booking-faq summary{cursor:pointer;font-weight:850;color:#183b48}.booking-faq p{margin:9px 0 0;color:var(--muted);font-size:14px;line-height:1.55}
@media(max-width:980px){.booking-car-price{display:block}.booking-car-price .booking-policy-row{margin-top:4px}}
@media(max-width:700px){.booking-faq .faq-grid{grid-template-columns:1fr}}


/* CBR Rent a Car Coverage & Extras V2 — 2026-09-12 */
@media(min-width:981px){
  .booking-layout{grid-template-columns:330px minmax(0,1fr);gap:24px}
  .booking-main{grid-column:2;grid-row:1}
  .booking-summary-card{grid-column:1;grid-row:1;top:108px;padding:0 0 22px;overflow:hidden;border-radius:18px}
  .booking-summary-card>h3{padding:20px 22px 0;margin:0}
  .booking-summary-card>dl,.booking-summary-card>.booking-estimate,.booking-summary-card>.summary-help{margin-left:22px;margin-right:22px}
}
.booking-summary-vehicle{margin:16px 0 18px;background:#ffffff;color:#1f2937;padding:20px 20px 18px;text-align:center;border-top:1px solid #eef2f6;border-bottom:1px solid #eef2f6}
.summary-car-stage{height:142px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.summary-car-stage img{max-width:92%;max-height:128px;object-fit:contain;filter:drop-shadow(0 14px 15px rgba(0,0,0,.22));transition:.2s}
.summary-car-meta{display:flex;flex-direction:column;align-items:center;gap:3px}
.summary-car-meta span{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#667085}
.summary-car-meta strong{font-size:18px;line-height:1.25;max-width:260px}
.coverage-step-head{align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}
.coverage-step-head p{font-size:13px!important}
.coverage-terms-link{font-size:13px;font-weight:800;color:var(--red-dark);text-decoration:underline;white-space:nowrap}
.booking-option-coverage,.booking-option-extras{margin-top:22px}
.booking-option-coverage>h3,.booking-option-extras>h3{font-size:20px;margin:0 0 14px;letter-spacing:-.02em}
.coverage-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.coverage-card{position:relative;min-height:330px;margin:0!important;padding:22px!important;border-radius:4px!important;background:#fff;overflow:hidden;transition:.2s;border:2px solid #e2e7ed!important}
.coverage-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(17,24,39,.08)}
.coverage-card:has(input:checked){background:#ffffff!important;border-color:#e30613!important;color:#1f2937;box-shadow:0 10px 24px rgba(227,6,19,.10)}
.coverage-card input{width:22px;height:22px;min-width:22px;margin-top:0!important;accent-color:#18b6d1}
.coverage-card>span:not(.coverage-ribbon){width:100%}
.coverage-card strong{font-size:18px!important;line-height:1.15;margin:0 0 12px;text-transform:uppercase}
.coverage-card small{font-size:14px!important;font-weight:800;margin-top:16px!important;padding-top:14px;border-top:1px solid rgba(120,132,146,.25);color:#4a5565!important}
.coverage-card:has(input:checked) small{color:#4a5565!important;border-top-color:rgba(120,132,146,.25)}
.coverage-feature-list{list-style:none;padding:0;margin:8px 0 0;font-size:14px;line-height:1.45}
.coverage-feature-list li{position:relative;padding-left:20px;margin:4px 0;color:#485465}
.coverage-card:has(input:checked) .coverage-feature-list li{color:#485465}
.coverage-feature-list li:before{position:absolute;left:0;top:0;font-weight:900}
.coverage-feature-list .yes:before{content:'✓';color:#52cf86}
.coverage-feature-list .no:before{content:'×';color:#ef6161}
.extras-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.extra-card{position:relative;margin:0!important;min-height:130px;border:2px solid #e2e7ed!important;border-radius:12px!important;padding:18px!important;background:#fff;transition:.18s}
.extra-card:has(input:checked){border-color:#18b6d1!important;background:#effcff!important;box-shadow:0 10px 24px rgba(24,182,209,.12)}
.extra-card input{width:20px;height:20px;min-width:20px;accent-color:#18b6d1}
.extra-card>span{width:100%}
.extra-card strong{font-size:15px!important;margin-top:4px}
.extra-card small{font-size:12px!important;font-weight:800;color:#536071!important;margin-top:8px!important}
.extra-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#eef5fb;color:#145b9d;font-size:18px;margin:0 0 8px}
.coverage-flight{max-width:480px;margin-top:22px!important}
.booking-stage-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:22px}
.booking-stage-left-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.booking-stage-actions .booking-next{margin-top:0;margin-left:auto}
@media(max-width:980px){
  .booking-summary-card{position:static}
  .coverage-cards{grid-template-columns:1fr 1fr}
  .extras-cards{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .coverage-cards,.extras-cards{grid-template-columns:1fr}
  .coverage-card{min-height:auto}
  .booking-stage-actions{flex-direction:column-reverse;align-items:stretch}
  .booking-stage-left-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .booking-stage-actions .btn{width:100%}
  .coverage-step-head{align-items:flex-start}
}

