.booking-page,.booking-success-page{background:#f4f7fb}:is(.booking-page,.booking-success-page) .booking-experience{gap:16px}:is(.booking-page,.booking-success-page) .booking-panel{border-radius:16px;padding:16px}.booking-page .checkout-intro h1{font-size:24px;line-height:1.2}.booking-page .checkout-intro h1+p{font-size:13px;line-height:1.6}.booking-page .checkout-intro{margin-bottom:16px!important}.booking-page .vehicle-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.booking-page .quote-panel{color:#0f172a;background:#fff}:is(.booking-page,.booking-success-page) .booking-panel h2{font-size:21px;line-height:1.25}:is(.booking-page,.booking-success-page) .booking-panel fieldset>div:first-child{margin-bottom:16px}:is(.booking-page,.booking-success-page) .booking-panel input:not([type=checkbox]):not([type=radio]),:is(.booking-page,.booking-success-page) .booking-panel select,:is(.booking-page,.booking-success-page) .booking-panel textarea{font-size:16px}:is(.booking-page,.booking-success-page) .booking-fields label>span:first-child,:is(.booking-page,.booking-success-page) .booking-fields label[for]{margin-bottom:6px;font-size:12px}:is(.booking-page,.booking-success-page) .booking-panel textarea{min-height:72px}:is(.booking-page,.booking-success-page) .checkout-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}:is(.booking-page,.booking-success-page) .checkout-section-heading h3{font-size:16px;font-weight:800}:is(.booking-page,.booking-success-page) .checkout-section-heading>span{color:#64748b;font-size:11px}:is(.booking-page,.booking-success-page) .checkout-vehicle-card{background:#fff;border:1px solid #dce4ef;border-radius:14px;grid-template-columns:120px minmax(0,1fr);grid-template-areas:"photo info""price price""actions actions";gap:12px;padding:12px;display:grid;box-shadow:0 2px 5px #0f172a04}:is(.booking-page,.booking-success-page) .checkout-vehicle-card-image{aspect-ratio:4/3;border-radius:10px;grid-area:photo;align-self:start;width:100%}:is(.booking-page,.booking-success-page) .checkout-vehicle-card-info{grid-area:info;min-width:0}:is(.booking-page,.booking-success-page) .vehicle-category{text-transform:uppercase;letter-spacing:.06em;color:#2563eb;margin-bottom:4px;font-size:10px;font-weight:700}:is(.booking-page,.booking-success-page) .checkout-vehicle-card h3{font-size:16px;font-weight:800;line-height:1.3}:is(.booking-page,.booking-success-page) .vehicle-specs{color:#475569;gap:4px;margin-top:8px;font-size:11px;display:grid}:is(.booking-page,.booking-success-page) .vehicle-specs>div{flex-wrap:wrap;justify-content:space-between;gap:3px 6px;display:flex}:is(.booking-page,.booking-success-page) .vehicle-specs dt{color:#64748b}:is(.booking-page,.booking-success-page) .vehicle-specs dd{font-weight:600}:is(.booking-page,.booking-success-page) .checkout-vehicle-card-price{color:#64748b;border-top:1px solid #edf1f7;flex-wrap:wrap;grid-area:price;justify-content:space-between;align-items:center;gap:4px 8px;padding-top:10px;font-size:11px;display:flex}:is(.booking-page,.booking-success-page) .checkout-vehicle-card-price strong{color:#0f172a;font-size:20px;font-weight:800}:is(.booking-page,.booking-success-page) .checkout-vehicle-card-actions{grid-area:actions;justify-content:space-between;align-items:center;gap:12px;display:flex}:is(.booking-page,.booking-success-page) .checkout-vehicle-card-actions a{color:#2563eb;align-items:center;min-height:44px;font-size:12px;font-weight:600;text-decoration:underline;display:inline-flex}:is(.booking-page,.booking-success-page) .checkout-vehicle-card-actions button{color:#fff;background:#2563eb;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;min-width:130px;min-height:44px;padding:10px 16px;font-size:13px;font-weight:700;display:flex}:is(.booking-page,.booking-success-page) .checkout-vehicle-card-actions button:hover{background:#1d4ed8}:is(.booking-page,.booking-success-page) .mobile-journey{border-top:1px solid #edf1f7;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px;padding-top:10px;display:grid}:is(.booking-page,.booking-success-page) .mobile-journey>div{color:#64748b;gap:2px;font-size:11px;display:grid}:is(.booking-page,.booking-success-page) .mobile-journey strong{color:#0f172a;font-size:12px}:is(.booking-page,.booking-success-page) .mobile-quote-details{margin-top:6px;font-size:12px}:is(.booking-page,.booking-success-page) .mobile-quote-details summary{cursor:pointer;color:#2563eb;justify-content:space-between;align-items:center;min-height:44px;font-weight:600;display:flex}:is(.booking-page,.booking-success-page) .mobile-quote-details summary:after{content:"+";font-size:18px}:is(.booking-page,.booking-success-page) .mobile-quote-details[open] summary:after{content:"−"}:is(.booking-page,.booking-success-page) .quote-panel .quote-vehicle-image{aspect-ratio:auto;height:145px}:is(.booking-page,.booking-success-page) .quote-panel>.quote-heading{border-bottom:1px solid #edf1f7;padding-bottom:12px}:is(.booking-page,.booking-success-page) .quote-panel span{overflow-wrap:anywhere}:is(.booking-page,.booking-success-page) .quote-panel .quote-deals{margin-bottom:8px}:is(.booking-page,.booking-success-page) .quote-panel .quote-deals summary{font-size:12px}:is(.booking-page,.booking-success-page) .extras-panel{padding:12px}:is(.booking-page,.booking-success-page) .extras-panel>p{margin-bottom:10px;font-size:12px}:is(.booking-page,.booking-success-page) .extras-panel label{flex-wrap:wrap}:is(.booking-page,.booking-success-page) .extras-panel label>span{font-size:12px}:is(.booking-page,.booking-success-page) .booking-step-actions button{min-height:48px;padding:12px 16px;font-size:13px}:is(.booking-page,.booking-success-page) .booking-progress{background:#fff;border:1px solid #dce4ef;border-radius:14px;margin-bottom:0;padding:10px 8px}:is(.booking-page,.booking-success-page) .booking-progress ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}:is(.booking-page,.booking-success-page) .booking-progress li{border-bottom:0;padding:0}:is(.booking-page,.booking-success-page) .booking-progress .step-circle{width:28px;height:28px;margin-bottom:5px;font-size:12px}:is(.booking-page,.booking-success-page) .booking-progress .step-label{font-size:10px;line-height:1.4}:is(.booking-page,.booking-success-page) .receipt-header h1{font-size:23px;line-height:1.2}:is(.booking-page,.booking-success-page) .receipt-header p{font-size:12px;line-height:1.6}:is(.booking-page,.booking-success-page) .receipt-grid{gap:12px;margin-top:16px;display:grid}:is(.booking-page,.booking-success-page) .receipt-grid section{border:1px solid #e2e8f0;border-radius:12px;padding:14px}:is(.booking-page,.booking-success-page) .receipt-grid h2{margin-bottom:10px;font-size:14px;font-weight:800}:is(.booking-page,.booking-success-page) .receipt-vehicle{align-items:center;gap:12px;display:flex}:is(.booking-page,.booking-success-page) .receipt-vehicle-photo{aspect-ratio:4/3;background:#f1f5f9;border-radius:8px;flex-shrink:0;width:110px;position:relative;overflow:hidden}:is(.booking-page,.booking-success-page) .receipt-vehicle h3{font-size:16px;font-weight:800}:is(.booking-page,.booking-success-page) .receipt-vehicle p{color:#64748b;margin-top:5px;font-size:12px}:is(.booking-page,.booking-success-page) .receipt-grid section>div>div{font-size:12px;line-height:1.6}:is(.booking-page,.booking-success-page) .receipt-contact{grid-column:1/-1}:is(.booking-page,.booking-success-page) .receipt-contact>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;display:grid}:is(.booking-page,.booking-success-page) .receipt-contact>div>div{text-align:left;gap:2px;margin-top:0;display:grid}:is(.booking-page,.booking-success-page) .receipt-contact>div>div>span{text-align:left}:is(.booking-page,.booking-success-page) .receipt-grid section:not(.receipt-vehicle-section):not(.receipt-contact)>div>div+div{margin-top:6px}:is(.booking-page,.booking-success-page) .booking-receipt [data-receipt-actions]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}:is(.booking-page,.booking-success-page) .booking-receipt [data-receipt-actions] button{padding:10px 8px;font-size:12px}@media (min-width:640px){:is(.booking-page,.booking-success-page) .booking-panel{padding:24px}:is(.booking-page,.booking-success-page) .booking-panel h2{font-size:24px}:is(.booking-page,.booking-success-page) .checkout-vehicle-card{flex-direction:column;gap:12px;padding:14px;display:flex}:is(.booking-page,.booking-success-page) .checkout-vehicle-card-image{aspect-ratio:16/9}:is(.booking-page,.booking-success-page) .checkout-vehicle-card-info{flex:1}:is(.booking-page,.booking-success-page) .checkout-vehicle-card h3{font-size:18px}:is(.booking-page,.booking-success-page) .vehicle-specs{font-size:12px}:is(.booking-page,.booking-success-page) .checkout-vehicle-card-price{flex-direction:column;align-items:start}:is(.booking-page,.booking-success-page) .booking-progress{padding:14px}:is(.booking-page,.booking-success-page) .booking-progress .step-label{font-size:12px}:is(.booking-page,.booking-success-page) .receipt-header h1{font-size:28px}:is(.booking-page,.booking-success-page) .receipt-header p{font-size:14px}:is(.booking-page,.booking-success-page) .receipt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:is(.booking-page,.booking-success-page) .receipt-grid .receipt-vehicle-section,:is(.booking-page,.booking-success-page) .receipt-contact{grid-column:1/-1}:is(.booking-page,.booking-success-page) .receipt-contact>div{grid-template-columns:repeat(4,minmax(0,1fr))}:is(.booking-page,.booking-success-page) .booking-receipt [data-receipt-actions] button{font-size:14px}}@media (max-width:359px){:is(.booking-page,.booking-success-page) .checkout-vehicle-card{grid-template-columns:96px minmax(0,1fr)}:is(.booking-page,.booking-success-page) .whatsapp-fields{flex-direction:column}:is(.booking-page,.booking-success-page) .whatsapp-fields select{width:100%}:is(.booking-page,.booking-success-page) .receipt-contact>div{grid-template-columns:1fr}}.booking-page .booking-panel input:not([type=checkbox]):not([type=radio]),.booking-page .booking-panel select{min-height:48px}.booking-page .booking-panel input[type=checkbox]{width:20px;height:20px;min-height:20px}.booking-page .booking-panel .mobile-rental-date{min-height:48px;padding:10px}@media (min-width:1024px){.booking-page .vehicle-filters{grid-template-columns:repeat(4,minmax(0,1fr))}}.booking-page .rental-date-field:has(.rental-calendar){grid-column:1/-1}.booking-success-page .booking-progress{margin-bottom:16px}.booking-page .car-primary-image,.booking-success-page .car-primary-image{background:#f1f5f9}.booking-page .mobile-quote-heading{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.booking-page .mobile-quote-image{aspect-ratio:auto;border-radius:8px;width:48px;height:48px}.booking-page #booking-checkout{scroll-margin-top:104px}.booking-page .booking-panel :is(input,select,textarea,button),.booking-page .booking-panel h2{scroll-margin-top:104px;scroll-margin-bottom:24px}.booking-page .extras-panel{background:#fff}.booking-page .extras-options label{align-items:center;min-height:72px;transition:border-color .15s,background-color .15s}.booking-page .extras-options label:focus-within{outline-offset:3px;outline:2px solid #2563eb}