*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--rbn-bg);color:var(--rbn-text);font-family:var(--rbn-font-body);font-size:var(--rbn-font-base);font-weight:var(--rbn-body-weight);line-height:var(--rbn-body-lh);letter-spacing:var(--rbn-body-ls);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}input,select,textarea{border-radius:var(--rbn-form-radius)}h1,h2,h3,h4,h5,h6{margin:0 0 .55em;color:var(--rbn-text);font-family:var(--rbn-font-heading)}h1{font-size:clamp(38px,var(--rbn-h1),78px);font-weight:var(--rbn-h1-weight);line-height:var(--rbn-h1-lh);letter-spacing:var(--rbn-h1-ls)}h2{font-size:clamp(30px,var(--rbn-h2),58px);font-weight:var(--rbn-h2-weight);line-height:var(--rbn-h2-lh);letter-spacing:var(--rbn-h2-ls)}h3{font-size:clamp(23px,var(--rbn-h3),40px);font-weight:var(--rbn-h3-weight);line-height:var(--rbn-h3-lh);letter-spacing:var(--rbn-h3-ls)}h4{font-size:var(--rbn-h4);line-height:var(--rbn-h4-lh);font-weight:700}h5{font-size:var(--rbn-h5);line-height:var(--rbn-h5-lh);font-weight:700}h6{font-size:var(--rbn-h6);line-height:var(--rbn-h6-lh);font-weight:700}p{margin:0 0 var(--rbn-paragraph-space)}.rbn-container{width:min(calc(100% - 40px),var(--rbn-container));margin-inline:auto}.rbn-header-shell{position:relative;background:var(--rbn-header-bg);color:var(--rbn-header-text)}.rbn-topbar{min-height:var(--rbn-topbar-height);display:flex;align-items:center;justify-content:center;background:var(--rbn-topbar-bg);color:var(--rbn-topbar-text);font-size:12px;font-weight:800;text-align:center}.rbn-topbar .rbn-container{display:flex;align-items:center;justify-content:center;min-height:var(--rbn-topbar-height)}.rbn-header{position:relative;z-index:100;background:var(--rbn-header-bg);color:var(--rbn-header-text);border-bottom:1px solid var(--rbn-header-border)}.rbn-header-shell.has-hero .rbn-header{background:var(--rbn-header-bg)}.rbn-sticky-header-enabled .rbn-header{position:sticky;top:0}.admin-bar.rbn-sticky-header-enabled .rbn-header{top:32px}.rbn-header-inner{min-height:var(--rbn-header-height);display:flex;align-items:center;gap:28px}.rbn-brand{display:flex;align-items:center;flex:0 0 auto}.rbn-logo-image,.custom-logo{display:block;width:auto;max-height:var(--rbn-header-logo-height)}.rbn-site-title{font-family:var(--rbn-font-heading);font-size:22px;font-weight:800;color:inherit}.rbn-primary-nav{margin-left:auto}.rbn-menu,.rbn-footer-menu{display:flex;align-items:center;gap:26px;margin:0;padding:0;list-style:none}.rbn-menu a{color:inherit;font-size:13px;font-weight:700}.rbn-menu a:hover{color:var(--rbn-primary)}.rbn-header-cta,.rbn-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--rbn-button-height);padding:0 22px;border-radius:var(--rbn-button-radius);background:var(--rbn-primary);color:#fff;font-size:var(--rbn-button-font-size);font-weight:var(--rbn-button-weight);border:0}.rbn-header-cta{background:transparent;border:1px solid currentColor;min-height:42px}.rbn-menu-toggle{display:none;margin-left:auto;width:44px;height:44px;padding:9px;background:transparent;color:inherit;border:1px solid var(--rbn-header-border);border-radius:var(--rbn-button-radius)}.rbn-menu-toggle>span:not(.screen-reader-text){display:block;height:2px;background:currentColor;margin:4px 0}.rbn-header-hero{position:relative;min-height:var(--rbn-hero-min-height);background-image:var(--rbn-hero-image);background-size:cover;background-position:var(--rbn-hero-position);background-repeat:no-repeat;background-color:var(--rbn-secondary)}.rbn-header-hero:before{content:"";position:absolute;inset:0;background:var(--rbn-hero-overlay);opacity:var(--rbn-hero-overlay-opacity);pointer-events:none}.rbn-page-shell{padding-block:var(--rbn-section-space)}.rbn-content-column{max-width:var(--rbn-content);margin-inline:auto}.rbn-page-header{padding-top:64px}.rbn-page-content>.elementor,.rbn-full-width .rbn-page-content{width:100%}.rbn-page:not(.elementor-page) .rbn-page-content{width:min(calc(100% - 40px),var(--rbn-content));margin:0 auto;padding-bottom:var(--rbn-section-space)}.rbn-entry{padding:38px;margin-bottom:24px;background:var(--rbn-surface);border:1px solid var(--rbn-border);border-radius:var(--rbn-radius)}.rbn-entry-meta{font-size:var(--rbn-font-small);color:var(--rbn-muted);margin-bottom:22px}.rbn-entry-image{display:block;margin-bottom:26px;overflow:hidden;border-radius:var(--rbn-radius)}.rbn-footer{padding:var(--rbn-footer-pt) 0 var(--rbn-footer-pb);background:var(--rbn-footer-bg);color:var(--rbn-footer-text)}.rbn-footer h1,.rbn-footer h2,.rbn-footer h3,.rbn-footer h4,.rbn-footer a{color:inherit}.rbn-footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:38px}.rbn-footer-logo-image{display:block;width:auto;max-height:var(--rbn-footer-logo-height)}.rbn-footer-socials{display:flex;align-items:center;gap:12px}.rbn-footer-socials a{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--rbn-footer-border);border-radius:50%;font-size:16px;font-weight:800}.rbn-footer-socials a:hover{background:rgba(255,255,255,.1)}.rbn-footer-columns{display:grid;grid-template-columns:1.1fr 1.1fr 1fr;gap:clamp(40px,8vw,150px);padding:8px 0 48px}.rbn-footer-columns h3{margin-bottom:20px;color:var(--rbn-footer-heading);font-size:16px;letter-spacing:0}.rbn-footer-copy{color:var(--rbn-footer-muted);font-size:14px;line-height:1.72}.rbn-footer-spacer{display:inline-block;height:12px}.rbn-footer-note{display:block;margin-top:16px;font-size:14px;font-style:italic}.rbn-footer-menu{flex-direction:column;align-items:flex-start;gap:10px}.rbn-footer-menu a{color:var(--rbn-footer-muted);font-size:14px}.rbn-footer-menu a:hover{color:#fff}.rbn-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:22px;border-top:1px solid var(--rbn-footer-border);font-size:13px;color:var(--rbn-footer-muted)}.rbn-footer-bottom a{color:var(--rbn-footer-text);font-weight:600}.rbn-error-page{text-align:center;padding-block:120px}.rbn-error-page>span{font-size:16px;color:var(--rbn-primary);font-weight:800}.rbn-archive-header{margin-bottom:50px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.rbn-force-elementor-typography .elementor-widget-text-editor,.rbn-force-elementor-typography .elementor-widget-text-editor p,.rbn-force-elementor-typography .elementor-widget-button .elementor-button,.rbn-force-elementor-typography .elementor-widget-icon-list{font-family:var(--rbn-font-body)!important;font-size:inherit;line-height:var(--rbn-body-lh)}.rbn-force-elementor-typography h1.elementor-heading-title{font-family:var(--rbn-font-heading)!important;font-size:var(--rbn-h1)!important;font-weight:var(--rbn-h1-weight)!important;line-height:var(--rbn-h1-lh)!important;letter-spacing:var(--rbn-h1-ls)!important}.rbn-force-elementor-typography h2.elementor-heading-title{font-family:var(--rbn-font-heading)!important;font-size:var(--rbn-h2)!important;font-weight:var(--rbn-h2-weight)!important;line-height:var(--rbn-h2-lh)!important;letter-spacing:var(--rbn-h2-ls)!important}.rbn-force-elementor-typography h3.elementor-heading-title{font-family:var(--rbn-font-heading)!important;font-size:var(--rbn-h3)!important;font-weight:var(--rbn-h3-weight)!important;line-height:var(--rbn-h3-lh)!important;letter-spacing:var(--rbn-h3-ls)!important}.rbn-force-elementor-typography .elementor-heading-title{font-family:var(--rbn-font-heading)!important}.rbn-force-elementor-colors .elementor-widget-text-editor,.rbn-force-elementor-colors .elementor-widget-text-editor p{color:var(--rbn-text)}.rbn-force-elementor-colors .elementor-heading-title{color:var(--rbn-text)}@media(max-width:900px){.rbn-header-inner{gap:14px}.rbn-menu-toggle{display:block}.rbn-primary-nav{display:none;position:absolute;left:20px;right:20px;top:calc(100% + 8px);padding:18px;background:var(--rbn-header-bg);border:1px solid var(--rbn-header-border);border-radius:var(--rbn-radius);box-shadow:0 18px 50px rgba(0,0,0,.2)}.rbn-primary-nav.is-open{display:block}.rbn-menu{display:flex;flex-direction:column;align-items:stretch;gap:4px}.rbn-menu a{display:block;padding:10px}.rbn-header-cta{display:none}.rbn-footer-columns{grid-template-columns:1fr 1fr;gap:42px}.rbn-footer-columns section:last-child{grid-column:1/-1}.rbn-footer-bottom{flex-direction:column;align-items:flex-start}}@media(max-width:782px){.admin-bar.rbn-sticky-header-enabled .rbn-header{top:46px}.rbn-container{width:min(calc(100% - 28px),var(--rbn-container))}.rbn-page-shell{padding-block:var(--rbn-section-space-mobile)}.rbn-header-hero{min-height:min(var(--rbn-hero-min-height),500px)}.rbn-footer-top,.rbn-footer-columns{grid-template-columns:1fr;display:grid}.rbn-footer-columns section:last-child{grid-column:auto}.rbn-footer-socials{justify-content:flex-start}}
.rbn-footer-socials svg{width:18px;height:18px;display:block}
/* v0.3.0 SIXT-inspired overlay header */
.rbn-header-stage{position:relative;isolation:isolate;background:var(--rbn-header-bg)}
.rbn-header-shell.has-hero .rbn-header-stage{background:var(--rbn-secondary)}
.rbn-header-shell.has-hero .rbn-header{position:absolute;z-index:30;top:0;left:0;right:0;background:linear-gradient(180deg,rgba(4,6,8,.94) 0%,rgba(4,6,8,.76) 70%,rgba(4,6,8,0) 100%);border-bottom:0}
.rbn-header-shell:not(.has-hero) .rbn-header{background:var(--rbn-header-bg)}
.rbn-header-inner{position:relative;z-index:2}
.rbn-menu-toggle{display:block;flex:0 0 44px;border-color:rgba(255,255,255,.22)}
.rbn-brand{margin-right:10px}
.rbn-primary-nav{margin-left:0}
.rbn-primary-nav .rbn-menu{gap:22px}
.rbn-utility-nav{margin-left:auto}
.rbn-utility-menu{display:flex;align-items:center;gap:22px;margin:0;padding:0;list-style:none}
.rbn-utility-menu a{color:inherit;font-size:13px;font-weight:700;white-space:nowrap}
.rbn-utility-menu a:hover{color:var(--rbn-primary)}
.rbn-header-cta{min-height:40px;padding-inline:16px;border-color:rgba(255,255,255,.58);font-size:13px}
.rbn-header-hero{position:relative;z-index:1;display:flex;align-items:flex-end;min-height:var(--rbn-hero-min-height);background-image:linear-gradient(var(--rbn-hero-overlay),var(--rbn-hero-overlay)),var(--rbn-hero-image);background-size:cover;background-position:var(--rbn-hero-position);background-repeat:no-repeat;background-color:var(--rbn-secondary)}
.rbn-header-hero:before{display:none}
.rbn-header-hero-inner{position:relative;z-index:2;width:100%;padding-top:calc(var(--rbn-header-height) + 28px);padding-bottom:44px}
.rbn-sticky-header-enabled .rbn-header-shell:not(.has-hero) .rbn-header{position:sticky;top:0}
.admin-bar.rbn-sticky-header-enabled .rbn-header-shell:not(.has-hero) .rbn-header{top:32px}
@media(max-width:1100px){.rbn-primary-nav{display:none;position:absolute;left:20px;right:20px;top:calc(100% + 8px);padding:18px;background:rgba(10,11,12,.98);border:1px solid rgba(255,255,255,.14);border-radius:var(--rbn-radius);box-shadow:0 18px 50px rgba(0,0,0,.28)}.rbn-primary-nav.is-open{display:block}.rbn-primary-nav .rbn-menu{flex-direction:column;align-items:stretch;gap:4px}.rbn-utility-nav{display:none}.rbn-header-cta{margin-left:auto}}
@media(max-width:782px){.rbn-header-inner{min-height:max(66px,var(--rbn-header-height))}.rbn-header-hero{min-height:min(var(--rbn-hero-min-height),540px)}.rbn-header-cta{display:none}.admin-bar.rbn-sticky-header-enabled .rbn-header-shell:not(.has-hero) .rbn-header{top:46px}}
/* Preserve configurable hero overlay opacity. */
.rbn-header-hero{background-image:var(--rbn-hero-image)}
.rbn-header-hero:before{content:"";display:block;position:absolute;inset:0;z-index:0;background:var(--rbn-hero-overlay);opacity:var(--rbn-hero-overlay-opacity);pointer-events:none}
/* v0.4.0 clean overlay header + Renteon availability form */
.rbn-header-shell.has-hero .rbn-header{
background:rgba(7,8,9,.96);
border-bottom:1px solid rgba(255,255,255,.08);
}
.rbn-header-inner{gap:18px}
.rbn-primary-nav{margin-left:auto}
.rbn-primary-nav .rbn-menu{gap:28px}
.rbn-primary-nav .rbn-menu a{font-size:13px;font-weight:700;color:#fff}
.rbn-primary-nav .rbn-menu a:hover,.rbn-primary-nav .rbn-menu a:focus{color:#fff;text-decoration:underline;text-underline-offset:4px}
.rbn-header-cta,.rbn-utility-nav{display:none!important}
.rbn-header-hero{display:flex;align-items:flex-start;height:auto;min-height:var(--rbn-hero-min-height)}
.rbn-header-hero-inner{width:100%;padding-top:calc(var(--rbn-header-height) + 24px);padding-bottom:56px}
.rbn-inline-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:22px;height:22px}
.rbn-inline-icon svg{display:block;width:100%;height:100%;fill:currentColor}
.rbn-booking-panel{position:relative;z-index:3;width:100%;padding:20px 22px 18px;background:#fff;color:#161616;border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 14px 40px rgba(0,0,0,.16)}
.rbn-booking-panel *{box-sizing:border-box}
.rbn-booking-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.rbn-booking-eyebrow{display:block;font-size:14px;line-height:1.2;font-weight:800;color:#151515}
.rbn-booking-currency{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid #dedede;border-radius:999px;color:#555;font-size:11px;font-weight:800}
.rbn-booking-main-row{display:grid;grid-template-columns:minmax(360px,1.55fr) minmax(220px,.82fr) minmax(220px,.82fr) minmax(160px,.56fr);gap:16px;align-items:end}
.rbn-booking-location-block,.rbn-booking-date-block{min-width:0}
.rbn-booking-label{display:block;margin:0 0 7px;color:#171717;font-size:11px;line-height:1.2;font-weight:800}
.rbn-booking-location-line{display:flex;align-items:center;gap:18px;min-width:0}
.rbn-booking-control{display:flex;align-items:center;gap:10px;min-width:0;height:54px;border:1px solid #d7d9dc;border-radius:12px;background:#fff;color:#171717}
.rbn-booking-control:focus-within{border-color:#111}
.rbn-booking-control-location{flex:1;padding:0 13px}
.rbn-booking-control select,.rbn-booking-control input,.rbn-booking-time,.rbn-driver-age-control select{min-width:0;height:100%;margin:0;padding:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#171717;font-family:inherit;font-size:15px;font-weight:600}
.rbn-booking-control select{width:100%;padding-right:26px;cursor:pointer}
.rbn-different-return-toggle{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;min-height:44px;padding:0;border:0;background:transparent;color:#666;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}
.rbn-different-return-toggle span{font-size:28px;line-height:1;font-weight:300;color:#555}
.rbn-different-return-toggle:hover,.rbn-different-return-toggle:focus,.rbn-different-return-toggle.is-active{color:#111}
.rbn-return-location{margin-top:12px}
.rbn-booking-date-control{display:grid;grid-template-columns:minmax(0,1fr) 102px;min-width:0;height:54px;border:1px solid #d7d9dc;border-radius:12px;overflow:hidden;background:#fff}
.rbn-booking-date-control:focus-within{border-color:#111}
.rbn-booking-control-date{height:52px;padding:0 10px;border:0;border-radius:0}
.rbn-booking-control-date input{width:100%;font-size:14px;cursor:pointer}
.rbn-booking-control-date input::-webkit-calendar-picker-indicator{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer}
.rbn-booking-time{width:100%;padding:0 10px!important;border-left:1px solid #d7d9dc!important;border-radius:0!important;font-size:14px!important;font-weight:600!important;cursor:pointer}
.rbn-booking-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:54px;padding:0 18px;border:1px solid var(--rbn-primary);border-radius:12px;background:var(--rbn-primary);color:#fff;font-size:14px;font-weight:800;cursor:pointer}
.rbn-booking-submit:hover,.rbn-booking-submit:focus{filter:brightness(.94)}
.rbn-booking-submit:disabled{opacity:.68;cursor:wait}
.rbn-booking-spinner{display:none;width:17px;height:17px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:rbn-spin .7s linear infinite}
.rbn-booking-submit.is-loading .rbn-booking-spinner{display:block}
@keyframes rbn-spin{to{transform:rotate(360deg)}}
.rbn-booking-secondary-row{display:flex;align-items:center;gap:14px;margin-top:14px;min-height:34px}
.rbn-driver-age-control{display:inline-flex;align-items:center;gap:7px;color:#171717;font-size:13px;font-weight:700}
.rbn-driver-age-control .rbn-inline-icon{width:17px;height:17px}
.rbn-driver-age-control select{width:auto;max-width:265px;height:34px!important;padding:0 28px 0 3px!important;font-size:13px!important;cursor:pointer}
.rbn-driver-fee-note{color:#8b4b00;font-size:12px;font-weight:600}
.rbn-booking-unavailable{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px;border:1px solid #ddd;border-radius:12px;background:#f7f7f7}
.rbn-booking-unavailable strong{font-size:14px}.rbn-booking-unavailable span{color:#666;font-size:13px}.rbn-booking-unavailable a{margin-left:auto;font-size:13px;font-weight:800;text-decoration:underline}
.rbn-booking-feedback{display:none;margin-top:16px;padding:12px 14px;border-radius:10px;font-size:13px;font-weight:700}
.rbn-booking-feedback.is-loading,.rbn-booking-feedback.is-success,.rbn-booking-feedback.is-error{display:block}
.rbn-booking-feedback.is-loading{background:#f3f3f3;color:#444}
.rbn-booking-feedback.is-success{background:#edf8f0;color:#23683a}
.rbn-booking-feedback.is-error{background:#fff1ef;color:#962c22}
.rbn-booking-results:not(:empty){margin-top:16px;padding-top:16px;border-top:1px solid #e4e4e4}
.rbn-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rbn-offer-card{display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:16px;border:1px solid #dedede;border-radius:12px;background:#fff}
.rbn-offer-card:hover{border-color:#111}
.rbn-offer-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.rbn-offer-title-row h3{margin:5px 0 0;color:#171717;font-size:18px;line-height:1.2;letter-spacing:-.25px}
.rbn-offer-title-row small{display:block;margin-top:2px;color:#777;font-size:11px}
.rbn-offer-sipp,.rbn-offer-request{display:inline-flex;padding:4px 7px;border-radius:6px;background:#f0f0f0;color:#555;font-size:10px;font-weight:800}
.rbn-offer-request{background:#fff4de;color:#855500}
.rbn-offer-specs{display:flex;flex-wrap:wrap;gap:7px 12px;margin-top:14px;color:#555;font-size:11px;font-weight:600}
.rbn-offer-specs span{display:inline-flex;align-items:center;gap:5px}
.rbn-offer-specs .rbn-inline-icon{width:14px;height:14px}
.rbn-offer-fees{margin-top:13px;padding-top:11px;border-top:1px solid #ededed}
.rbn-offer-fees summary{cursor:pointer;color:#555;font-size:11px;font-weight:700}
.rbn-offer-fees ul{display:grid;gap:5px;margin:8px 0 0;padding:0;list-style:none}
.rbn-offer-fees li{display:flex;justify-content:space-between;gap:12px;color:#666;font-size:10px}.rbn-offer-fees strong{color:#333}
.rbn-offer-price{display:grid;grid-template-columns:1fr auto;align-items:end;gap:2px 12px;margin-top:18px;padding-top:14px;border-top:1px solid #ededed}
.rbn-offer-price small,.rbn-offer-price span{color:#777;font-size:10px}.rbn-offer-price strong{grid-column:1;font-size:21px;line-height:1.1;color:#111}.rbn-offer-price span{grid-column:1}
.rbn-offer-select{grid-column:2;grid-row:1/4;align-self:stretch;min-height:44px;padding:0 14px;border:1px solid #111;border-radius:10px;background:#111;color:#fff;font-size:11px;font-weight:800;cursor:pointer}
.rbn-booking-no-results{padding:22px;text-align:center;color:#666;font-size:13px}
@media(max-width:1250px){
.rbn-booking-main-row{grid-template-columns:1.25fr 1fr 1fr}
.rbn-booking-submit{grid-column:3}
.rbn-booking-location-block{grid-column:1/4}
.rbn-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
.rbn-header-inner{gap:12px}.rbn-primary-nav{margin-left:0}
.rbn-booking-main-row{grid-template-columns:1fr 1fr}
.rbn-booking-location-block{grid-column:1/3}
.rbn-booking-submit{grid-column:1/3}
.rbn-booking-location-line{align-items:stretch;flex-direction:column;gap:8px}
.rbn-different-return-toggle{align-self:flex-start}
}
@media(max-width:640px){
.rbn-header-hero-inner{padding-top:calc(var(--rbn-header-height) + 14px);padding-bottom:28px}
.rbn-booking-panel{padding:16px;border-radius:14px}
.rbn-booking-main-row{grid-template-columns:1fr;gap:12px}
.rbn-booking-location-block,.rbn-booking-submit{grid-column:auto}
.rbn-booking-date-control{grid-template-columns:minmax(0,1fr) 96px}
.rbn-booking-secondary-row{align-items:flex-start;flex-direction:column;gap:5px}
.rbn-driver-age-control{width:100%}.rbn-driver-age-control select{flex:1;max-width:none}
.rbn-offer-grid{grid-template-columns:1fr}
}
/* v0.4.1 custom Renteon booking controls — no native selects or date pickers. */
.rbn-header-hero{overflow:visible}
.rbn-header-hero-inner{position:relative;z-index:4}
.rbn-booking-panel{overflow:visible;padding:20px 22px 17px;border-radius:16px;box-shadow:0 14px 40px rgba(0,0,0,.16)}
.rbn-booking-form{position:relative}
.rbn-booking-panel-head{margin-bottom:17px}
.rbn-booking-main-row{display:grid;grid-template-columns:minmax(430px,1.65fr) minmax(210px,.82fr) minmax(210px,.82fr) minmax(160px,.56fr);gap:15px;align-items:end}
.rbn-booking-label{display:block;margin:0 0 7px;color:#171717;font-size:11px;line-height:1.2;font-weight:800}
.rbn-location-fields{display:flex;align-items:flex-end;gap:14px;min-width:0}
.rbn-location-field{min-width:0;flex:1 1 auto}
.rbn-location-field-return{flex:1 1 46%}
.rbn-location-fields:not(.is-different) .rbn-location-field-pickup{flex:1 1 auto}
.rbn-location-fields.is-different .rbn-location-field-pickup{flex:1 1 46%}
.rbn-location-trigger,.rbn-booking-date-trigger,.rbn-booking-time-trigger,.rbn-driver-age-trigger{appearance:none;-webkit-appearance:none;display:flex;align-items:center;border:0;background:#fff;color:#171717;cursor:pointer;font:inherit;text-align:left}
.rbn-location-trigger{width:100%;height:54px;gap:11px;padding:0 13px;border:1px solid #d7d9dc;border-radius:11px}
.rbn-location-trigger:hover,.rbn-location-trigger:focus,.rbn-location-trigger[aria-expanded="true"]{border-color:#111;outline:0}
.rbn-location-trigger .rbn-inline-icon:first-child{width:21px;height:21px}
.rbn-location-trigger .rbn-inline-icon:last-child{width:18px;height:18px;margin-left:auto;color:#6d6d6d}
.rbn-location-trigger-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650}
.rbn-different-return-toggle{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;min-height:54px;padding:24px 0 0;border:0;background:transparent;color:#666;font-size:13px;font-weight:650;cursor:pointer;white-space:nowrap}
.rbn-different-return-toggle:hover,.rbn-different-return-toggle:focus{color:#111;outline:0}
.rbn-different-return-symbol{display:inline-grid;place-items:center;width:22px;height:22px;color:#555;font-size:25px;line-height:1;font-weight:300}
.rbn-location-fields.is-different .rbn-different-return-toggle{width:34px;padding-top:24px;overflow:hidden}
.rbn-location-fields.is-different .rbn-different-return-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.rbn-booking-date-control{display:grid;grid-template-columns:minmax(0,1fr) 92px;height:54px;border:1px solid #d7d9dc;border-radius:11px;overflow:hidden;background:#fff}
.rbn-booking-date-control:focus-within{border-color:#111}
.rbn-booking-date-trigger{min-width:0;gap:9px;padding:0 11px;border-right:1px solid #d7d9dc}
.rbn-booking-date-trigger:hover,.rbn-booking-date-trigger:focus,.rbn-booking-date-trigger[aria-expanded="true"],.rbn-booking-time-trigger:hover,.rbn-booking-time-trigger:focus,.rbn-booking-time-trigger[aria-expanded="true"]{outline:0;background:#fafafa}
.rbn-booking-date-trigger .rbn-inline-icon{width:20px;height:20px}
.rbn-booking-date-trigger span:last-child,.rbn-booking-time-trigger span{font-size:13px;font-weight:700;white-space:nowrap}
.rbn-booking-time-trigger{justify-content:center;width:100%;padding:0 8px}
.rbn-booking-submit{height:54px;border-radius:11px;box-shadow:none}
.rbn-booking-submit:hover,.rbn-booking-submit:focus{filter:none;border-color:#111;background:#111;outline:0}
.rbn-booking-secondary-row{position:relative;display:flex;align-items:center;gap:12px;margin-top:13px;min-height:34px}
.rbn-driver-age-wrap{position:relative}
.rbn-driver-age-trigger{gap:7px;min-height:34px;padding:0;color:#171717}
.rbn-driver-age-trigger .rbn-inline-icon:first-child{width:16px;height:16px}
.rbn-driver-age-trigger .rbn-inline-icon:last-child{width:16px;height:16px;color:#666}
.rbn-driver-age-trigger span{font-size:12px;font-weight:650}
.rbn-driver-age-trigger strong{font-weight:800}
.rbn-driver-fee-note,.rbn-time-fee-note{color:#7b4b00;font-size:11px;font-weight:650}
.rbn-time-fee-note{margin-left:auto;text-align:right}
.rbn-booking-popover{position:absolute;z-index:40;border:1px solid #dedede;border-radius:12px;background:#fff;color:#171717;box-shadow:0 18px 48px rgba(0,0,0,.2)}
.rbn-booking-popover[hidden]{display:none!important}
.rbn-popover-close{appearance:none;-webkit-appearance:none;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#f1f1f1;color:#222;font-size:22px;line-height:1;cursor:pointer}
.rbn-popover-close:hover,.rbn-popover-close:focus{outline:0;background:#e5e5e5}
.rbn-popover-section-title{display:block;margin-bottom:10px;color:#777;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
/* Location chooser */
.rbn-booking-location-block{position:relative;min-width:0}
.rbn-location-popover{top:calc(100% + 9px);left:0;width:min(720px,calc(100vw - 48px));overflow:hidden}
.rbn-location-popover-search{display:flex;align-items:center;gap:9px;height:56px;padding:0 12px;border-bottom:1px solid #e4e4e4}
.rbn-location-popover-search .rbn-inline-icon{width:20px;height:20px;color:#555}
.rbn-location-popover-search input{min-width:0;flex:1;height:44px;padding:0;border:0!important;border-radius:0!important;outline:0!important;background:#fff!important;box-shadow:none!important;color:#171717;font-size:13px;font-weight:600}
.rbn-location-popover-body{display:grid;grid-template-columns:minmax(245px,.86fr) minmax(300px,1.14fr);min-height:330px;max-height:470px}
.rbn-location-list-wrap{padding:17px 0 17px 17px;border-right:0;overflow:auto}
.rbn-location-list{display:grid;gap:3px;padding-right:10px}
.rbn-location-option{appearance:none;-webkit-appearance:none;display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px;border:1px solid transparent;border-radius:8px;background:#fff;color:#171717;text-align:left;cursor:pointer}
.rbn-location-option:hover,.rbn-location-option:focus,.rbn-location-option.is-selected{border-color:#d7d7d7;outline:0;background:#f7f7f7}
.rbn-location-option-icon{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px}
.rbn-location-option-icon svg{width:18px;height:18px;fill:currentColor}
.rbn-location-option-copy{display:grid;gap:3px;min-width:0}
.rbn-location-option-copy strong{overflow:hidden;text-overflow:ellipsis;color:#171717;font-size:12px;line-height:1.25;white-space:nowrap}
.rbn-location-option-copy small{color:#777;font-size:10px;line-height:1.3}
.rbn-location-empty{padding:16px 10px;color:#777;font-size:12px}
.rbn-location-detail{padding:20px;overflow:auto;background:#fbfbfb}
.rbn-location-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.rbn-location-detail-head>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rbn-location-detail h3{margin:0;color:#171717;font-size:17px;line-height:1.25;letter-spacing:-.2px}
.rbn-location-code{display:inline-flex;padding:3px 7px;border-radius:5px;background:#ececec;color:#555;font-size:9px;font-weight:800}
.rbn-location-meta{display:grid;gap:6px;margin-bottom:18px}
.rbn-location-meta-row{display:flex;align-items:flex-start;gap:8px;color:#555;font-size:11px;line-height:1.45}
.rbn-location-meta-row>span:first-child{width:15px;color:#222;text-align:center}
.rbn-working-hours{display:grid;gap:5px;margin-bottom:15px}
.rbn-working-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px 0;border-bottom:1px solid #ededed;color:#555;font-size:10px}
.rbn-working-row strong{color:#222;font-size:10px}
.rbn-location-instructions{margin-top:14px;padding-top:12px;border-top:1px solid #e4e4e4}
.rbn-location-instructions strong{font-size:10px;text-transform:uppercase;letter-spacing:.05em}
.rbn-location-instructions p{margin:6px 0 0;color:#666;font-size:10px;line-height:1.55}
/* Calendar */
.rbn-calendar-popover{top:78px;left:0;right:0;padding:0 18px 20px}
.rbn-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:52px;border-bottom:1px solid #ededed}
.rbn-calendar-head strong{font-size:13px}
.rbn-calendar-navigation{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:12px;align-items:start;padding-top:17px}
.rbn-calendar-navigation>[data-rbn-calendar-prev],.rbn-calendar-navigation>[data-rbn-calendar-next]{appearance:none;-webkit-appearance:none;display:grid;place-items:center;width:34px;height:34px;margin-top:2px;padding:0;border:1px solid transparent;border-radius:50%;background:#fff;color:#222;font-size:27px;line-height:1;cursor:pointer}
.rbn-calendar-navigation>[data-rbn-calendar-prev]:hover,.rbn-calendar-navigation>[data-rbn-calendar-next]:hover,.rbn-calendar-navigation>[data-rbn-calendar-prev]:focus,.rbn-calendar-navigation>[data-rbn-calendar-next]:focus{border-color:#d7d7d7;outline:0}
.rbn-calendar-months{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.rbn-calendar-month h3{margin:0 0 13px;text-align:center;color:#171717;font-size:18px;line-height:1.2;text-transform:capitalize}
.rbn-calendar-weekdays,.rbn-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}
.rbn-calendar-weekdays{margin-bottom:7px;color:#777;font-size:9px;font-weight:800;text-transform:uppercase}
.rbn-calendar-days{row-gap:4px}
.rbn-calendar-day{appearance:none;-webkit-appearance:none;position:relative;display:grid;place-items:center;width:31px;height:31px;margin:auto;padding:0;border:1px solid transparent;border-radius:9px;background:#fff;color:#171717;font-size:11px;font-weight:700;cursor:pointer}
.rbn-calendar-day:hover,.rbn-calendar-day:focus{border-color:#111;outline:0}
.rbn-calendar-day.is-range{border-radius:0;background:#f0f0f0}
.rbn-calendar-day.is-start,.rbn-calendar-day.is-end{border-color:#111;border-radius:9px;background:#111;color:#fff}
.rbn-calendar-day.is-disabled{color:#c3c3c3;cursor:not-allowed}
.rbn-calendar-day.is-disabled:hover{border-color:transparent}
.rbn-calendar-blank{width:31px;height:31px}
/* Custom time chooser */
.rbn-time-popover{padding:0 12px 13px;max-height:520px;overflow:hidden}
.rbn-time-popover-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 3px;border-bottom:1px solid #ededed}
.rbn-time-popover-head strong{font-size:13px}
.rbn-time-office-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px 10px;color:#666;font-size:10px}
.rbn-time-office-status strong{color:#222;font-size:10px}
.rbn-time-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:395px;padding:0 2px 3px;overflow:auto}
.rbn-time-option{appearance:none;-webkit-appearance:none;display:grid;place-items:center;gap:2px;min-height:48px;padding:6px;border:1px solid transparent;border-radius:9px;background:#f3f3f3;color:#222;cursor:pointer}
.rbn-time-option:hover,.rbn-time-option:focus{border-color:#999;outline:0}
.rbn-time-option strong{font-size:11px}
.rbn-time-option small{color:#9a5800;font-size:8px;line-height:1.15;text-align:center}
.rbn-time-option.is-selected{border-color:#111;background:#111;color:#fff}
.rbn-time-option.is-selected small{color:#fff}
.rbn-time-option.is-outside:not(.is-selected){background:#f7f4ee}
/* Driver age chooser */
.rbn-driver-age-popover{top:calc(100% + 7px);left:0;width:280px;padding:6px}
.rbn-driver-age-popover button{appearance:none;-webkit-appearance:none;display:grid;gap:3px;width:100%;padding:11px 12px;border:1px solid transparent;border-radius:8px;background:#fff;color:#171717;text-align:left;cursor:pointer}
.rbn-driver-age-popover button:hover,.rbn-driver-age-popover button:focus,.rbn-driver-age-popover button.is-selected{border-color:#d7d7d7;outline:0;background:#f5f5f5}
.rbn-driver-age-popover strong{font-size:12px}
.rbn-driver-age-popover span{color:#707070;font-size:9px;line-height:1.4}
@media(max-width:1250px){
.rbn-booking-main-row{grid-template-columns:minmax(0,1.35fr) minmax(190px,.8fr) minmax(190px,.8fr)}
.rbn-booking-location-block{grid-column:1/4}
.rbn-booking-submit{grid-column:3}
.rbn-location-popover{width:min(760px,calc(100vw - 56px))}
}
@media(max-width:900px){
.rbn-booking-main-row{grid-template-columns:1fr 1fr}
.rbn-booking-location-block{grid-column:1/3}
.rbn-booking-submit{grid-column:1/3}
.rbn-calendar-months{grid-template-columns:repeat(2,minmax(0,1fr))}
.rbn-calendar-month:nth-child(3){display:none}
.rbn-location-popover-body{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
.rbn-booking-panel{padding:15px;border-radius:14px}
.rbn-booking-main-row{grid-template-columns:1fr;gap:11px}
.rbn-booking-location-block,.rbn-booking-submit{grid-column:auto}
.rbn-location-fields,.rbn-location-fields.is-different{display:grid;grid-template-columns:1fr}
.rbn-location-fields .rbn-different-return-toggle,.rbn-location-fields.is-different .rbn-different-return-toggle{width:auto;min-height:34px;padding:0;justify-self:start;overflow:visible}
.rbn-location-fields.is-different .rbn-different-return-text{position:static;width:auto;height:auto;overflow:visible;clip:auto}
.rbn-location-popover{position:fixed;inset:62px 12px 12px;width:auto;max-height:none;z-index:1000}
.rbn-location-popover-body{grid-template-columns:1fr;height:calc(100% - 56px);min-height:0}
.rbn-location-list-wrap{max-height:42%;padding:14px;border-right:0;border-bottom:1px solid #e5e5e5}
.rbn-location-detail{padding:15px}
.rbn-calendar-popover{position:fixed;inset:62px 12px auto;padding:0 12px 15px;z-index:1000}
.rbn-calendar-months{grid-template-columns:1fr}
.rbn-calendar-month:nth-child(2),.rbn-calendar-month:nth-child(3){display:none}
.rbn-calendar-navigation{grid-template-columns:30px minmax(0,1fr) 30px;gap:5px}
.rbn-calendar-day,.rbn-calendar-blank{width:36px;height:36px}
.rbn-time-fee-note{margin-left:0;text-align:left}
.rbn-booking-secondary-row{align-items:flex-start;flex-direction:column;gap:5px}
.rbn-driver-age-popover{position:fixed;left:12px;right:12px;bottom:12px;top:auto;width:auto;z-index:1000}
}
.rbn-different-return-text{font-size:13px!important;line-height:1.3!important;font-weight:650!important}
/* v0.4.2 — unified header, exact-width booking search and vehicle-selection flow */
.rbn-container{width:min(calc(100% - 40px),1440px)}
.rbn-header-shell{background:var(--rbn-header-bg)}
.rbn-header-stage{position:relative;background:var(--rbn-header-bg)}
.rbn-header{position:relative;z-index:50;background:var(--rbn-header-bg);border-bottom:1px solid var(--rbn-header-border)}
.rbn-header-shell.has-hero .rbn-header{position:absolute;top:0;left:0;right:0;background:linear-gradient(180deg,rgba(7,8,9,.9) 0%,rgba(7,8,9,.58) 62%,rgba(7,8,9,0) 100%);border-bottom:0}
.rbn-header-inner{display:flex;align-items:center;gap:28px;min-height:var(--rbn-header-height)}
.rbn-brand{margin:0;flex:0 0 auto}
.rbn-primary-nav{display:block!important;margin-left:auto;position:static!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.rbn-primary-nav .rbn-menu{display:flex;align-items:center;justify-content:flex-end;gap:28px;flex-direction:row;margin:0;padding:0;list-style:none}
.rbn-primary-nav .rbn-menu a{display:block;padding:8px 0;color:inherit;font-size:13px;font-weight:700;white-space:nowrap;text-decoration:none}
.rbn-primary-nav .rbn-menu a:hover,.rbn-primary-nav .rbn-menu a:focus{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;outline:0}
.rbn-menu-toggle{display:none!important}
.rbn-header-hero{display:flex;align-items:flex-start;min-height:var(--rbn-hero-min-height);overflow:visible;background-size:cover;background-position:center center;background-repeat:no-repeat}
.rbn-header-hero-inner{position:relative;z-index:4;width:100%;padding-top:calc(var(--rbn-header-height) + 26px);padding-bottom:52px}
.rbn-header-shell:not(.has-hero) .rbn-header{background:var(--rbn-header-bg)}
/* Booking panel */
.rbn-booking-panel{position:relative;z-index:10;width:100%;max-width:1440px;margin:0 auto;padding:18px 22px 16px;border:1px solid rgba(0,0,0,.1);border-radius:16px;background:#fff;color:#171717;box-shadow:0 16px 42px rgba(0,0,0,.18);overflow:visible}
.rbn-booking-panel--edit{box-shadow:none;border-color:#d8d8d8}
.rbn-booking-panel-head{display:flex;align-items:center;min-height:28px;margin:0 0 12px}
.rbn-booking-eyebrow{font-size:13px;font-weight:800;color:#171717}
.rbn-booking-form{position:relative}
.rbn-booking-main-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:end}
.rbn-booking-location-group,.rbn-booking-date-submit-group{min-width:0}
.rbn-booking-label{display:block;margin:0 0 7px;color:#171717;font-size:11px;line-height:1.2;font-weight:800}
.rbn-location-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:center;min-width:0}
.rbn-location-field,.rbn-return-location-slot{min-width:0}
.rbn-return-location-slot{display:flex;align-items:center;justify-content:center;min-height:56px}
.rbn-location-trigger,.rbn-booking-date-trigger,.rbn-booking-time-trigger,.rbn-driver-age-trigger{appearance:none;-webkit-appearance:none;display:flex;align-items:center;border:0;background:#fff;color:#171717;cursor:pointer;font:inherit;text-align:left}
.rbn-location-trigger{position:relative;width:100%;height:56px;gap:11px;padding:0 14px;border:1px solid #d5d7da;border-radius:12px}
.rbn-location-trigger:hover,.rbn-location-trigger:focus,.rbn-location-trigger[aria-expanded="true"]{border-color:#111;outline:0}
.rbn-location-trigger .rbn-inline-icon:first-child{width:21px;height:21px}
.rbn-location-trigger .rbn-inline-icon:last-child{width:18px;height:18px;margin-left:auto;color:#666}
.rbn-location-trigger-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650}
.rbn-different-return-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:56px;padding:0 14px;border:1px solid transparent;border-radius:12px;background:transparent;color:#64686d;font-size:13px;font-weight:650;cursor:pointer;text-align:center}
.rbn-different-return-toggle:hover,.rbn-different-return-toggle:focus{border-color:#d5d7da;color:#171717;outline:0}
.rbn-different-return-symbol{display:inline-grid;place-items:center;width:22px;height:22px;font-size:25px;font-weight:300;line-height:1}
.rbn-return-location-control{position:relative;width:100%;min-width:0}
.rbn-return-location-control[hidden],.rbn-different-return-toggle[hidden]{display:none!important}
.rbn-location-trigger--return{padding-right:78px}
.rbn-return-location-control .rbn-location-trigger--return .rbn-inline-icon:last-child{position:absolute;right:13px;margin:0}
.rbn-return-location-close{position:absolute;z-index:3;top:50%;right:38px;display:grid;place-items:center;width:28px;height:28px;margin-top:-14px;padding:0;border:0;border-radius:50%;background:#f0f0f0;color:#333;font-size:19px;line-height:1;cursor:pointer}
.rbn-return-location-close:hover,.rbn-return-location-close:focus{outline:0;background:#e1e1e1}
.rbn-booking-date-submit-group{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(150px,.78fr);gap:14px;align-items:end}
.rbn-booking-date-block{min-width:0}
.rbn-booking-date-control{display:grid;grid-template-columns:minmax(0,1fr) 94px;height:56px;border:1px solid #d5d7da;border-radius:12px;overflow:hidden;background:#fff}
.rbn-booking-date-control:focus-within{border-color:#111}
.rbn-booking-date-trigger{min-width:0;gap:9px;padding:0 12px;border-right:1px solid #d5d7da}
.rbn-booking-date-trigger:hover,.rbn-booking-date-trigger:focus,.rbn-booking-date-trigger[aria-expanded="true"],.rbn-booking-time-trigger:hover,.rbn-booking-time-trigger:focus,.rbn-booking-time-trigger[aria-expanded="true"]{outline:0;background:#f7f7f7}
.rbn-booking-date-trigger .rbn-inline-icon{width:20px;height:20px}
.rbn-booking-date-trigger span:last-child,.rbn-booking-time-trigger span{font-size:13px;font-weight:700;white-space:nowrap}
.rbn-booking-time-trigger{justify-content:center;width:100%;padding:0 8px}
.rbn-booking-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:56px;padding:0 18px;border:1px solid var(--rbn-primary);border-radius:12px;background:var(--rbn-primary);color:#fff;font-size:14px;font-weight:800;cursor:pointer;box-shadow:none}
.rbn-booking-submit:hover,.rbn-booking-submit:focus{border-color:#111;background:#111;outline:0;filter:none}
.rbn-booking-submit:disabled{opacity:.65;cursor:wait}
.rbn-booking-secondary-row{position:relative;display:flex;align-items:center;gap:12px;min-height:34px;margin-top:12px}
.rbn-driver-age-wrap{position:relative}
.rbn-driver-age-trigger{gap:7px;min-height:34px;padding:0;color:#171717}
.rbn-driver-age-trigger .rbn-inline-icon:first-child{width:16px;height:16px}
.rbn-driver-age-trigger .rbn-inline-icon:last-child{width:16px;height:16px;color:#666}
.rbn-driver-age-trigger span{font-size:12px;font-weight:650}
.rbn-driver-age-trigger strong{font-weight:800}
.rbn-driver-fee-note,.rbn-time-fee-note{color:#7b4b00;font-size:11px;font-weight:650}
.rbn-time-fee-note{margin-left:auto;text-align:right}
.rbn-booking-feedback{display:none;margin-top:12px;padding:11px 13px;border-radius:10px;font-size:12px;font-weight:700}
.rbn-booking-feedback.is-loading,.rbn-booking-feedback.is-success,.rbn-booking-feedback.is-error{display:block}
.rbn-booking-feedback.is-loading{background:#f2f2f2;color:#444}.rbn-booking-feedback.is-success{background:#edf8f0;color:#23683a}.rbn-booking-feedback.is-error{background:#fff1ef;color:#962c22}
/* Shared booking popovers */
.rbn-booking-popover{position:absolute;z-index:100;border:1px solid #ddd;border-radius:14px;background:#fff;color:#171717;box-shadow:0 20px 54px rgba(0,0,0,.22)}
.rbn-booking-popover[hidden]{display:none!important}
.rbn-popover-close{appearance:none;-webkit-appearance:none;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#f1f1f1;color:#222;font-size:22px;line-height:1;cursor:pointer}
.rbn-popover-close:hover,.rbn-popover-close:focus{outline:0;background:#e3e3e3}
.rbn-popover-section-title{display:block;margin-bottom:10px;color:#777;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
/* Location chooser */
.rbn-booking-location-group{position:relative}
.rbn-location-popover{top:calc(100% + 10px);left:0;width:min(760px,calc(100vw - 48px));overflow:hidden}
.rbn-location-popover-search{display:flex;align-items:center;gap:9px;height:58px;padding:0 12px;border-bottom:1px solid #e4e4e4}
.rbn-location-popover-search .rbn-inline-icon{width:20px;height:20px;color:#555}
.rbn-location-popover-search input{min-width:0;flex:1;height:44px;padding:0;border:0!important;border-radius:0!important;outline:0!important;background:#fff!important;box-shadow:none!important;color:#171717;font-size:13px;font-weight:600}
.rbn-location-popover-body{display:grid;grid-template-columns:minmax(255px,.9fr) minmax(320px,1.1fr);min-height:350px;max-height:500px}
.rbn-location-list-wrap{padding:18px 0 18px 18px;border-right:0;overflow:auto}
.rbn-location-list{display:grid;gap:4px;padding-right:10px}
.rbn-location-option{appearance:none;-webkit-appearance:none;display:flex;align-items:flex-start;gap:10px;width:100%;padding:11px;border:1px solid transparent;border-radius:9px;background:#fff;color:#171717;text-align:left;cursor:pointer}
.rbn-location-option:hover,.rbn-location-option:focus,.rbn-location-option.is-selected{border-color:#cfcfcf;outline:0;background:#f7f7f7}
.rbn-location-option-icon{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px}.rbn-location-option-icon svg{width:18px;height:18px;fill:currentColor}
.rbn-location-option-copy{display:grid;gap:3px;min-width:0}.rbn-location-option-copy strong{overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.25;white-space:nowrap}.rbn-location-option-copy small{color:#777;font-size:10px;line-height:1.3}
.rbn-location-empty{padding:16px 10px;color:#777;font-size:12px}
.rbn-location-detail{padding:22px;overflow:auto;background:#fbfbfb}.rbn-location-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.rbn-location-detail-head>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rbn-location-detail h3{margin:0;color:#171717;font-size:17px;line-height:1.25;letter-spacing:-.2px}.rbn-location-code{display:inline-flex;padding:3px 7px;border-radius:5px;background:#ececec;color:#555;font-size:9px;font-weight:800}.rbn-location-meta{display:grid;gap:6px;margin-bottom:18px}.rbn-location-meta-row{display:flex;align-items:flex-start;gap:8px;color:#555;font-size:11px;line-height:1.45}.rbn-location-meta-row>span:first-child{width:15px;color:#222;text-align:center}.rbn-working-hours{display:grid;gap:5px;margin-bottom:15px}.rbn-working-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:5px 0;border-bottom:1px solid #ededed;color:#555;font-size:10px}.rbn-working-row strong{color:#222;font-size:10px}.rbn-location-instructions{margin-top:14px;padding-top:12px;border-top:1px solid #e4e4e4}.rbn-location-instructions strong{font-size:10px;text-transform:uppercase;letter-spacing:.05em}.rbn-location-instructions p{margin:6px 0 0;color:#666;font-size:10px;line-height:1.55}
/* Range calendar */
.rbn-calendar-popover{top:82px;left:4%;right:4%;padding:24px 28px 28px}
.rbn-calendar-navigation{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:16px;align-items:start}
.rbn-calendar-navigation>[data-rbn-calendar-prev],.rbn-calendar-navigation>[data-rbn-calendar-next]{appearance:none;-webkit-appearance:none;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid transparent;border-radius:50%;background:#fff;color:#222;font-size:29px;line-height:1;cursor:pointer}
.rbn-calendar-navigation>[data-rbn-calendar-prev]:hover,.rbn-calendar-navigation>[data-rbn-calendar-next]:hover,.rbn-calendar-navigation>[data-rbn-calendar-prev]:focus,.rbn-calendar-navigation>[data-rbn-calendar-next]:focus{border-color:#cfcfcf;outline:0}
.rbn-calendar-months{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.rbn-calendar-month h3{margin:0 0 16px;text-align:center;color:#171717;font-size:19px;line-height:1.2;text-transform:capitalize}
.rbn-calendar-weekdays,.rbn-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}
.rbn-calendar-weekdays{margin-bottom:9px;color:#686b70;font-size:10px;font-weight:700}
.rbn-calendar-days{row-gap:4px}
.rbn-calendar-day{appearance:none;-webkit-appearance:none;position:relative;display:grid;place-items:center;width:36px;height:36px;margin:auto;padding:0;border:1px solid transparent;border-radius:9px;background:#fff;color:#171717;font-size:12px;font-weight:700;cursor:pointer}
.rbn-calendar-day:hover,.rbn-calendar-day:focus{border-color:#111;outline:0}
.rbn-calendar-day.is-range{width:100%;border-radius:0;background:#eeeeef}
.rbn-calendar-day.is-start,.rbn-calendar-day.is-end,.rbn-calendar-day.is-preview-end{width:36px;border-color:#111;border-radius:10px;background:#171717;color:#fff}
.rbn-calendar-day.is-disabled{color:#c5c5c5;cursor:not-allowed}.rbn-calendar-day.is-disabled:hover{border-color:transparent}
.rbn-calendar-blank{width:36px;height:36px}
/* Time picker */
.rbn-time-popover{padding:0 14px 14px;max-height:530px;overflow:hidden}
.rbn-time-popover-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:0 3px;border-bottom:1px solid #ededed}.rbn-time-popover-head strong{font-size:13px}
.rbn-time-office-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 4px 11px;color:#666;font-size:10px}.rbn-time-office-status strong{color:#222;font-size:10px}
.rbn-time-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:405px;padding:0 2px 4px;overflow:auto}
.rbn-time-option{appearance:none;-webkit-appearance:none;position:relative;display:grid;place-items:center;gap:2px;min-height:52px;padding:7px;border:1px solid transparent;border-radius:10px;background:#f1f1f2;color:#222;cursor:pointer}
.rbn-time-option:hover,.rbn-time-option:focus{border-color:#777;outline:0}.rbn-time-option strong{font-size:12px}.rbn-time-option small{min-height:12px;color:#777;font-size:9px;line-height:1.15;text-align:center}.rbn-time-option.is-selected{border-color:#171717;background:#171717;color:#fff}.rbn-time-option.is-selected small{color:#bbb}.rbn-time-option.is-outside:not(.is-selected){background:#f1f1f2}
.rbn-time-option[data-tooltip]:hover:after,.rbn-time-option[data-tooltip]:focus:after{content:attr(data-tooltip);position:absolute;z-index:20;left:50%;bottom:calc(100% + 9px);width:260px;padding:11px 12px;transform:translateX(-50%);border-radius:8px;background:#171717;color:#fff;font-size:10px;font-weight:650;line-height:1.45;text-align:left;box-shadow:0 12px 28px rgba(0,0,0,.24);pointer-events:none}
.rbn-time-option[data-tooltip]:hover:before,.rbn-time-option[data-tooltip]:focus:before{content:"";position:absolute;z-index:21;left:50%;bottom:calc(100% + 2px);margin-left:-7px;border:7px solid transparent;border-top-color:#171717;pointer-events:none}
/* Driver age */
.rbn-driver-age-popover{top:calc(100% + 7px);left:0;width:290px;padding:6px}.rbn-driver-age-popover button{appearance:none;-webkit-appearance:none;display:grid;gap:3px;width:100%;padding:11px 12px;border:1px solid transparent;border-radius:8px;background:#fff;color:#171717;text-align:left;cursor:pointer}.rbn-driver-age-popover button:hover,.rbn-driver-age-popover button:focus,.rbn-driver-age-popover button.is-selected{border-color:#d0d0d0;outline:0;background:#f5f5f5}.rbn-driver-age-popover strong{font-size:12px}.rbn-driver-age-popover span{color:#707070;font-size:9px;line-height:1.4}
/* Vehicle-selection header summary */
.rbn-header-shell.is-vehicle-selection .rbn-header-inner{gap:24px}
.rbn-header-booking-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:360px;max-width:560px;min-height:48px;margin-left:22px;padding:7px 10px 7px 18px;border-radius:999px;background:#2a2b2d;color:#fff}
.rbn-header-booking-summary-copy{display:grid;gap:2px;min-width:0}.rbn-header-booking-summary-copy strong,.rbn-header-booking-summary-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbn-header-booking-summary-copy strong{font-size:12px}.rbn-header-booking-summary-copy span{color:#ddd;font-size:10px}.rbn-header-booking-edit{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#fff;cursor:pointer}.rbn-header-booking-edit:hover,.rbn-header-booking-edit:focus{border-color:#777;outline:0}.rbn-header-booking-edit .rbn-inline-icon{width:18px;height:18px}
.rbn-selection-edit-panel{padding:22px 0;background:#f4f4f4;border-bottom:1px solid #ddd}.rbn-selection-edit-panel[hidden]{display:none!important}
.rbn-selection-edit-panel .rbn-booking-panel{max-width:1440px}
/* Vehicle grid */
.rbn-vehicle-selection{padding:32px 0 80px;background:#fff}
.rbn-vehicle-selection-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:0 0 24px;border-bottom:1px solid #e5e5e5}.rbn-vehicle-selection-head h1{margin:0;color:#171717;font-size:36px;line-height:1.05;text-transform:uppercase;letter-spacing:-1.2px}.rbn-vehicle-selection-head p{margin:0;color:#777;font-size:12px}
.rbn-vehicle-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:26px 0}
.rbn-vehicle-sort,.rbn-vehicle-filter{min-height:44px;padding:0 16px;border:1px solid transparent;border-radius:999px;background:#f3f3f4;color:#171717;font-size:12px;font-weight:700;cursor:pointer}.rbn-vehicle-sort{padding-right:38px}.rbn-vehicle-sort:hover,.rbn-vehicle-sort:focus,.rbn-vehicle-filter:hover,.rbn-vehicle-filter:focus,.rbn-vehicle-filter.is-active{border-color:#171717;outline:0}.rbn-vehicle-filter.is-active{background:#171717;color:#fff}
.rbn-vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.rbn-vehicle-card{--rbn-vehicle-image:none;position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:500px;padding:20px;border:2px solid transparent;border-radius:12px;overflow:hidden;background-color:#15191c;background-image:linear-gradient(135deg,rgba(8,12,14,.98) 0%,rgba(31,39,43,.88) 40%,rgba(202,216,221,.74) 100%),var(--rbn-vehicle-image);background-size:cover,contain;background-position:center,center 57%;background-repeat:no-repeat;color:#fff}
.rbn-vehicle-card:hover,.rbn-vehicle-card.is-selected{border-color:var(--rbn-primary)}
.rbn-vehicle-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,0) 45%,rgba(0,0,0,.72) 100%);pointer-events:none}
.rbn-vehicle-card-head,.rbn-vehicle-card-bottom{position:relative;z-index:2}.rbn-vehicle-card-head h2{margin:0;color:#fff;font-size:22px;line-height:1.12;text-transform:uppercase;letter-spacing:-.5px}.rbn-vehicle-card-head h2 small{font-size:10px;font-weight:650;text-transform:none;letter-spacing:0}.rbn-vehicle-card-head p{margin:7px 0 0;color:#fff;font-size:12px;font-weight:650}
.rbn-vehicle-card-image-placeholder{min-height:250px}
.rbn-vehicle-card-bottom{display:grid;gap:12px}.rbn-vehicle-select{min-height:44px;border:1px solid rgba(255,255,255,.7);border-radius:10px;background:rgba(0,0,0,.22);color:#fff;font-size:11px;font-weight:800;cursor:pointer}.rbn-vehicle-select:hover,.rbn-vehicle-select:focus,.rbn-vehicle-card.is-selected .rbn-vehicle-select{border-color:#fff;background:#fff;color:#171717;outline:0}
.rbn-vehicle-empty,.rbn-vehicle-no-results{padding:80px 20px;text-align:center}.rbn-vehicle-empty h1{font-size:38px}.rbn-vehicle-no-results{color:#666;font-size:14px}
@media(max-width:1180px){
.rbn-booking-main-row{grid-template-columns:1fr}
.rbn-booking-date-submit-group{grid-template-columns:1fr 1fr 180px}
.rbn-calendar-popover{left:0;right:0}
.rbn-header-booking-summary{min-width:300px;max-width:430px;margin-left:10px}
.rbn-vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
.rbn-primary-nav{max-width:60%;overflow-x:auto}.rbn-primary-nav .rbn-menu{gap:18px}.rbn-primary-nav .rbn-menu a{font-size:12px}
.rbn-header-booking-summary{display:none}
.rbn-booking-date-submit-group{grid-template-columns:1fr 1fr}.rbn-booking-submit{grid-column:1/-1}
.rbn-calendar-months{grid-template-columns:repeat(2,minmax(0,1fr))}.rbn-calendar-month:nth-child(3){display:none}
}
@media(max-width:680px){
.rbn-container{width:min(calc(100% - 24px),1440px)}
.rbn-header-inner{gap:14px}.rbn-brand{max-width:42%}.rbn-primary-nav{max-width:58%}.rbn-primary-nav .rbn-menu{gap:14px}.rbn-primary-nav .rbn-menu a{font-size:10px}
.rbn-header-hero-inner{padding-top:calc(var(--rbn-header-height) + 14px);padding-bottom:28px}
.rbn-booking-panel{padding:16px;border-radius:14px}
.rbn-location-fields,.rbn-booking-date-submit-group{grid-template-columns:1fr}
.rbn-return-location-slot{min-height:50px}.rbn-different-return-toggle{min-height:50px}
.rbn-calendar-popover{position:fixed;z-index:1000;top:auto;right:10px;bottom:10px;left:10px;max-height:86vh;padding:18px;overflow:auto}.rbn-calendar-navigation{grid-template-columns:32px minmax(0,1fr) 32px}.rbn-calendar-months{grid-template-columns:1fr}.rbn-calendar-month:nth-child(2),.rbn-calendar-month:nth-child(3){display:none}
.rbn-location-popover{position:fixed;z-index:1000;top:10px;right:10px;bottom:10px;left:10px;width:auto}.rbn-location-popover-body{grid-template-columns:1fr;max-height:none;height:calc(100% - 58px)}.rbn-location-detail{display:none}.rbn-location-list-wrap{border-right:0}
.rbn-booking-secondary-row{align-items:flex-start;flex-direction:column;gap:5px}.rbn-time-fee-note{margin-left:0;text-align:left}
.rbn-vehicle-selection-head{align-items:flex-start;flex-direction:column}.rbn-vehicle-selection-head h1{font-size:29px}.rbn-vehicle-grid{grid-template-columns:1fr}.rbn-vehicle-card{min-height:470px}
}
/* v0.4.3 — compact header, polished booking controls and visitor locale/currency */
.rbn-header-inner{height:64px;min-height:64px;max-height:64px;gap:24px}
.rbn-header-shell.has-hero .rbn-header{background:transparent;border-bottom:0}
.rbn-header-shell:not(.has-hero) .rbn-header{background:var(--rbn-header-bg);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.rbn-header-shell.is-vehicle-selection .rbn-header-stage{background:#111}
.rbn-header-hero-inner{padding-top:64px!important;padding-bottom:52px}
.rbn-header-shell.has-hero .rbn-header-hero-inner{padding-top:64px!important}
.rbn-logo-image,.custom-logo{max-height:38px}
.rbn-header-actions{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:25px;margin-left:auto}
.rbn-header-action{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0;border:1px solid transparent;background:transparent;color:#fff;font-size:13px;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer}
.rbn-header-action:hover,.rbn-header-action:focus,.rbn-header-action[aria-expanded="true"]{border-bottom-color:#fff;outline:0}
.rbn-header-action.is-inactive{cursor:default}
.rbn-header-action.is-inactive:hover,.rbn-header-action.is-inactive:focus{border-bottom-color:transparent}
.rbn-header-action-icon{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px}
.rbn-header-action-icon svg{display:block;width:22px;height:22px;fill:currentColor}
.rbn-header-lcc{position:relative}
.rbn-header-lcc-popover{position:absolute;z-index:1000;top:calc(100% + 8px);right:0;width:300px;padding:18px;border:1px solid #dadada;border-radius:12px;background:#fff;color:#171717;box-shadow:0 18px 44px rgba(0,0,0,.22)}
.rbn-header-lcc-popover[hidden]{display:none!important}
.rbn-header-lcc-popover section+section{margin-top:18px;padding-top:18px;border-top:1px solid #e6e6e6}
.rbn-header-lcc-popover section>strong{display:block;margin-bottom:10px;font-size:12px;font-weight:800}
.rbn-header-lcc-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rbn-header-lcc-options a,.rbn-header-lcc-options button{appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border:1px solid #ddd;border-radius:10px;background:#fff;color:#171717;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none}
.rbn-header-lcc-options a:hover,.rbn-header-lcc-options a:focus,.rbn-header-lcc-options button:hover,.rbn-header-lcc-options button:focus,.rbn-header-lcc-options .is-selected{border-color:#111;outline:0}
.rbn-header-lcc-options .is-selected{background:#111;color:#fff}
.rbn-booking-panel{margin-top:0;padding:16px 22px 14px}
.rbn-booking-panel-head{min-height:24px;margin-bottom:12px}
.rbn-booking-eyebrow{font-size:18px;font-weight:700;line-height:1.2}
.rbn-booking-label{margin-bottom:7px;font-size:11px;font-weight:700}
.rbn-location-trigger,.rbn-booking-date-control,.rbn-booking-submit{height:50px;min-height:50px;max-height:50px}
.rbn-return-location-slot,.rbn-different-return-toggle{min-height:50px;max-height:50px}
.rbn-location-trigger{height:50px;padding:0 13px}
.rbn-location-trigger-text{font-size:14px;font-weight:400}
.rbn-different-return-toggle{justify-content:flex-start;padding:0 8px;text-align:left;font-weight:600}
.rbn-different-return-toggle span{line-height:0!important}
.rbn-different-return-symbol{line-height:0!important}
.rbn-booking-date-control{height:50px;grid-template-columns:minmax(0,1fr) 90px}
.rbn-booking-date-trigger span:last-child,.rbn-booking-time-trigger span{font-size:13px;font-weight:400}
.rbn-booking-submit{font-size:14px;font-weight:800}
.rbn-driver-age-trigger span,.rbn-driver-age-trigger strong{font-weight:400}
.rbn-driver-fee-note,.rbn-time-fee-note{display:none!important}
.rbn-calendar-day,.rbn-calendar-blank{width:48px;height:48px}
.rbn-calendar-day{border-radius:10px;font-size:14px;font-weight:600}
.rbn-calendar-day.is-range{width:100%;border-radius:0;background:#ededee}
.rbn-calendar-day.is-start,.rbn-calendar-day.is-end,.rbn-calendar-day.is-preview-end{width:48px;border-radius:10px}
.rbn-time-grid{position:relative;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:0}
.rbn-time-grid-tooltip{grid-column:1/-1;position:sticky;z-index:6;top:0;width:100%;padding:11px 12px;border-radius:8px;background:#171717;color:#fff;font-size:11px;font-weight:600;line-height:1.45;text-align:left;box-shadow:0 10px 24px rgba(0,0,0,.2)}
.rbn-time-grid-tooltip[hidden]{display:none!important}
.rbn-time-option{min-height:50px;gap:0}
.rbn-time-option strong{font-size:13px;font-weight:500}
.rbn-time-option small{display:none!important}
.rbn-time-option[data-tooltip]:hover:after,.rbn-time-option[data-tooltip]:focus:after,.rbn-time-option[data-tooltip]:hover:before,.rbn-time-option[data-tooltip]:focus:before{display:none!important;content:none!important}
.rbn-driver-age-popover button{display:flex;align-items:center;min-height:44px}
.rbn-driver-age-popover strong{font-size:13px;font-weight:500}
.rbn-driver-age-popover span{display:none}
.rbn-header-shell.is-vehicle-selection .rbn-topbar{display:none!important}
.rbn-vehicle-selection-head{position:relative;border-bottom:0}
.rbn-vehicle-selection-head:after{content:"";position:absolute;left:50%;bottom:0;width:100vw;border-bottom:1px solid #e5e5e5;transform:translateX(-50%)}
.rbn-vehicle-selection-head h1{padding-bottom:24px}
.rbn-vehicle-toolbar{padding:22px 0}
.rbn-vehicle-sort-wrap{display:inline-flex}
.rbn-vehicle-sort{min-width:170px}
@media(max-width:1180px){
.rbn-header-actions{gap:15px}
.rbn-header-action{font-size:12px}
.rbn-header-booking-summary{min-width:260px;max-width:380px}
.rbn-calendar-day,.rbn-calendar-blank{width:42px;height:42px}
.rbn-calendar-day.is-start,.rbn-calendar-day.is-end,.rbn-calendar-day.is-preview-end{width:42px}
}
@media(max-width:900px){
.rbn-header-actions{gap:10px}
.rbn-header-action.is-inactive span:last-child{display:none}
.rbn-header-action{padding:0 3px}
.rbn-header-lcc-popover{right:-40px}
}
@media(max-width:680px){
.rbn-header-inner{height:58px;min-height:58px;max-height:58px}
.rbn-header-hero-inner,.rbn-header-shell.has-hero .rbn-header-hero-inner{padding-top:58px!important}
.rbn-logo-image,.custom-logo{max-height:32px}
.rbn-header-action.is-inactive{display:none}
.rbn-header-actions{gap:4px}
.rbn-header-lcc-popover{position:fixed;top:72px;right:12px;left:12px;width:auto}
.rbn-booking-panel{padding:15px}
.rbn-calendar-day,.rbn-calendar-blank{width:42px;height:42px}
.rbn-calendar-day.is-start,.rbn-calendar-day.is-end,.rbn-calendar-day.is-preview-end{width:42px}
}
.rbn-header-shell.is-vehicle-selection .rbn-header{background:#111!important;color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.rbn-time-grid-tooltip{pointer-events:none}
.rbn-time-grid-tooltip{position:absolute;top:0;left:2px;right:2px;width:auto;grid-column:auto}
/* v0.5.0 — booking flow polish, locale modal and insurance step */
*:focus,*:focus-visible,*:active{outline:none!important}
html.rbn-modal-open,html.rbn-edit-open{overflow:hidden}
.rbn-topbar{font-size:var(--rbn-topbar-font-size);font-weight:var(--rbn-topbar-font-weight)}
.rbn-header-action,.rbn-header-action:hover,.rbn-header-action:focus,.rbn-header-action[aria-expanded="true"]{text-decoration:none!important;border-bottom-color:transparent!important}
.rbn-lcc-modal{position:fixed;z-index:99999;inset:0;display:grid;place-items:center;padding:28px}
.rbn-lcc-modal[hidden]{display:none!important}
.rbn-lcc-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(0,0,0,.64);cursor:pointer}
.rbn-lcc-dialog{position:relative;z-index:1;width:min(780px,100%);max-height:calc(100vh - 56px);overflow:auto;padding:30px;border:1px solid #e5e5e5;border-radius:14px;background:#fff;color:#171717;box-shadow:0 28px 80px rgba(0,0,0,.3)}
.rbn-lcc-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}
.rbn-lcc-dialog-head h2{margin:3px 0 0;font-size:28px;line-height:1.1;font-weight:800}
.rbn-lcc-eyebrow{color:#777;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.rbn-lcc-close{width:44px;height:44px;border:1px solid #ddd;border-radius:50%;background:#fff;color:#111;font-size:28px;line-height:1;cursor:pointer}
.rbn-lcc-close:hover{border-color:#111}
.rbn-lcc-section+.rbn-lcc-section{margin-top:30px;padding-top:28px;border-top:1px solid #e8e8e8}
.rbn-lcc-section h3{margin:0 0 14px;font-size:14px;font-weight:800}
.rbn-lcc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rbn-lcc-option{appearance:none;-webkit-appearance:none;display:flex;min-height:96px;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:18px;border:1px solid #dedede;border-radius:12px;background:#fff;color:#171717;text-align:left;text-decoration:none!important;cursor:pointer}
.rbn-lcc-option span{font-size:11px;font-weight:700;color:#777}
.rbn-lcc-option strong{font-size:14px;font-weight:700}
.rbn-lcc-option:hover{border-color:#111;text-decoration:none!important}
.rbn-lcc-option.is-selected{border-color:#111;background:#f4f4f4}
.rbn-lcc-option.is-placeholder{visibility:hidden;pointer-events:none}
.rbn-calendar-day.is-today:not(.is-start):not(.is-end):not(.is-preview-end){color:var(--rbn-calendar-today);font-weight:800}
.rbn-calendar-day.is-start{border-top-right-radius:0!important;border-bottom-right-radius:0!important}
.rbn-calendar-day.is-end,.rbn-calendar-day.is-preview-end{border-top-left-radius:0!important;border-bottom-left-radius:0!important}
.rbn-driver-age-popover{display:flex;flex-direction:column;gap:6px;padding:7px}
.rbn-driver-age-popover button{border:0!important;border-radius:8px;background:#f7f7f7}
.rbn-driver-age-popover button:hover,.rbn-driver-age-popover button:focus{border:0!important;background:#eeeeee}
.rbn-driver-age-popover button.is-selected{border:0!important;background:#e7e7e7}
.rbn-different-return-toggle:hover,.rbn-different-return-toggle:focus{border-color:transparent!important}
.rbn-time-grid{position:relative;overflow:auto}
.rbn-time-grid-tooltip{position:absolute!important;z-index:20!important;top:auto;left:8px!important;right:8px!important;width:auto!important;pointer-events:none}
.rbn-location-custom-content{margin-top:14px;padding:13px 14px;border-radius:9px;background:#f5f5f5;color:#444;font-size:12px;line-height:1.55}
.rbn-location-custom-content p{margin:0}
.rbn-header-shell.is-booking-flow .rbn-topbar{display:none!important}
.rbn-header-shell.is-booking-flow .rbn-header-stage,.rbn-header-shell.is-booking-flow .rbn-header{background:#111!important;color:#fff}
.rbn-header-shell.is-booking-flow .rbn-header{border-bottom:1px solid rgba(255,255,255,.12)}
.rbn-vehicle-selection-head{display:flex;align-items:center;justify-content:center;min-height:70px;max-height:70px;padding:0;text-align:center}
.rbn-vehicle-selection-head h1{margin:0!important;padding:0!important;font-size:28px!important;line-height:1.1!important;font-weight:900!important}
.rbn-vehicle-selection-head:after{bottom:0}
.rbn-selection-edit-panel{position:fixed;z-index:99990;inset:0;display:block;pointer-events:none}
.rbn-selection-edit-panel[hidden]{display:none!important}
.rbn-selection-edit-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(0,0,0,.68);opacity:0;transition:opacity .22s ease;cursor:pointer}
.rbn-selection-edit-sheet{position:absolute;top:0;right:0;left:0;max-height:92vh;overflow:auto;padding:14px 0 22px;background:#111;transform:translateY(-105%);transition:transform .22s ease;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.rbn-selection-edit-panel.is-open{pointer-events:auto}
.rbn-selection-edit-panel.is-open .rbn-selection-edit-backdrop{opacity:1}
.rbn-selection-edit-panel.is-open .rbn-selection-edit-sheet{transform:translateY(0)}
.rbn-selection-edit-close{position:absolute;z-index:5;top:10px;right:20px;width:42px;height:42px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#111;color:#fff;font-size:26px;cursor:pointer}
.rbn-selection-edit-panel .rbn-booking-panel{margin-top:0}
.rbn-insurance-selection{padding:34px 0 80px;background:#f4f4f4;min-height:70vh}
.rbn-booking-steps{display:flex;align-items:center;gap:8px;margin-bottom:26px;color:#9a9a9a;font-size:12px;font-weight:700}
.rbn-booking-steps span{display:flex;align-items:center;gap:8px}
.rbn-booking-steps span:not(:last-child):after{content:"";width:34px;height:1px;background:#ccc}
.rbn-booking-steps .is-complete,.rbn-booking-steps .is-current{color:#111}
.rbn-insurance-head{margin-bottom:28px}
.rbn-insurance-head a{display:inline-block;margin-bottom:16px;color:#555;font-size:12px;font-weight:700;text-decoration:none}
.rbn-insurance-head h1{margin:0 0 8px;font-size:34px;font-weight:900}
.rbn-insurance-head p{margin:0;color:#676767}
.rbn-insurance-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}
.rbn-insurance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rbn-insurance-card{position:relative;display:flex;min-height:360px;flex-direction:column;align-items:flex-start;padding:22px;border:1px solid #d8d8d8;border-radius:12px;background:#fff;color:#171717;text-align:left;cursor:pointer}
.rbn-insurance-card:hover{border-color:#111}
.rbn-insurance-card.is-selected{border-color:#111;box-shadow:inset 0 0 0 1px #111}
.rbn-insurance-card-check{position:absolute;top:16px;right:16px;display:none;width:24px;height:24px;place-items:center;border-radius:50%;background:#111;color:#fff;font-size:12px}
.rbn-insurance-card.is-selected .rbn-insurance-card-check{display:grid}
.rbn-insurance-card-name{font-size:12px;font-weight:900;letter-spacing:.08em}
.rbn-insurance-card-price{margin:18px 0 16px;font-size:24px;font-weight:900}
.rbn-insurance-card-description{min-height:48px;color:#666;font-size:12px;line-height:1.55}
.rbn-insurance-card-features{display:flex;flex-direction:column;gap:9px;margin-top:20px;color:#383838;font-size:12px;line-height:1.4}
.rbn-insurance-card-action{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin-top:auto;border:1px solid #111;border-radius:10px;font-size:12px;font-weight:800}
.rbn-insurance-card.is-selected .rbn-insurance-card-action{background:#111;color:#fff}
.rbn-insurance-summary{position:sticky;top:22px;padding:24px;border:1px solid #ddd;border-radius:12px;background:#fff}
.rbn-insurance-summary>span,.rbn-insurance-summary>small{display:block;color:#777;font-size:11px}
.rbn-insurance-summary>strong{display:block;margin:8px 0 5px;font-size:28px;font-weight:900}
.rbn-insurance-continue{width:100%;min-height:48px;margin-top:20px;border:0;border-radius:10px;background:#111;color:#fff;font-weight:800;opacity:.4}
.rbn-insurance-feedback{margin-top:14px;font-size:12px;font-weight:600}
.rbn-insurance-feedback.is-error{color:#b42318}.rbn-insurance-feedback.is-success{color:#167342}
.rbn-insurance-empty{padding:50px;border:1px solid #ddd;border-radius:12px;background:#fff;text-align:center}
@media(max-width:980px){
.rbn-insurance-layout{grid-template-columns:1fr}
.rbn-insurance-summary{position:static}
.rbn-insurance-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
.rbn-lcc-modal{padding:12px}.rbn-lcc-dialog{padding:20px}.rbn-lcc-grid{grid-template-columns:1fr 1fr}.rbn-lcc-option.is-placeholder{display:none}
.rbn-insurance-grid{grid-template-columns:1fr}.rbn-insurance-card{min-height:300px}
.rbn-booking-steps{overflow-x:auto;white-space:nowrap}
}
/* v0.5.1 — locale tabs, 70px header and clean sorting */
@media(min-width:681px){
.rbn-header-inner{height:70px!important;min-height:70px!important;max-height:70px!important}
.rbn-header-hero-inner,.rbn-header-shell.has-hero .rbn-header-hero-inner{padding-top:70px!important}
}
.rbn-driver-age-popover button{background:#fff!important}
.rbn-driver-age-popover button:hover,.rbn-driver-age-popover button:focus{background:#f5f5f5!important}
.rbn-driver-age-popover button.is-selected{background:#f2f2f2!important}
.rbn-time-grid-tooltip{text-align:center!important}
.rbn-vehicle-selection{padding-top:0!important}
.rbn-vehicle-selection-head{justify-content:flex-start!important;text-align:left!important}
.rbn-vehicle-selection-head h1{text-align:left!important}
.rbn-lcc-dialog{width:min(1020px,100%);min-height:480px;max-height:calc(100vh - 56px);overflow:auto;padding:40px 46px 44px;border:0;border-radius:16px;box-shadow:0 30px 90px rgba(0,0,0,.32)}
.rbn-lcc-close{position:absolute;z-index:3;top:22px;right:22px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:0;background:transparent;color:#171717;cursor:pointer}
.rbn-lcc-close svg{display:block;width:24px;height:24px;fill:currentColor}
.rbn-lcc-close:hover,.rbn-lcc-close:focus{border:0;background:transparent}
.rbn-lcc-tabs{display:flex;align-items:center;gap:12px;margin:8px 70px 30px 0}
.rbn-lcc-tab{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 18px;border:0;border-radius:12px;background:#f4f4f5;color:#171717;font-size:14px;font-weight:600;cursor:pointer}
.rbn-lcc-tab.is-active{background:#171717;color:#fff}
.rbn-lcc-tab-icon{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px}
.rbn-lcc-tab-icon svg{display:block;width:23px;height:23px;fill:currentColor}
.rbn-lcc-panel{margin:0;padding:0;border:0}
.rbn-lcc-panel[hidden]{display:none!important}
.rbn-lcc-panel h2{margin:0 0 24px;font-size:27px;line-height:1.15;font-weight:800;letter-spacing:-.5px}
.rbn-lcc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 22px}
.rbn-lcc-option{position:relative;display:flex;min-height:82px;flex-direction:row;align-items:center;justify-content:flex-start;gap:13px;padding:14px 16px;border:1px solid transparent;border-radius:10px;background:#fff;color:#171717;text-align:left;text-decoration:none!important;cursor:pointer}
.rbn-lcc-option:hover,.rbn-lcc-option:focus{border-color:transparent;background:#f5f5f5;text-decoration:none!important}
.rbn-lcc-option.is-selected{border-color:#171717;background:#f7f7f7}
.rbn-lcc-option.is-placeholder{visibility:hidden;pointer-events:none}
.rbn-lcc-flag{display:grid;place-items:center;width:28px;height:20px;flex:0 0 28px;overflow:hidden;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.rbn-lcc-flag svg{display:block;width:28px;height:20px}
.rbn-lcc-currency-symbol{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#f0f0f0;color:#171717;font-size:13px!important;font-weight:800!important}
.rbn-lcc-option-copy{display:flex;min-width:0;flex-direction:column;gap:3px;color:#171717!important;font-size:inherit!important;font-weight:inherit!important}
.rbn-lcc-option-copy strong{color:#171717;font-size:14px;font-weight:700;line-height:1.25}
.rbn-lcc-option-copy small{color:#666;font-size:12px;font-weight:400;line-height:1.25}
.rbn-vehicle-toolbar{padding:18px 0 22px!important}
.rbn-vehicle-sort-wrap{position:relative;display:inline-flex}
.rbn-vehicle-sort-trigger{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;gap:10px;height:38px;min-height:38px;max-height:38px;padding:0 14px;border:0;border-radius:999px;background:#f3f3f4;color:#171717;font-size:12px;font-weight:700;cursor:pointer}
.rbn-vehicle-sort-trigger:hover,.rbn-vehicle-sort-trigger:focus,.rbn-vehicle-sort-trigger[aria-expanded="true"]{border:0;background:#ededee}
.rbn-vehicle-sort-icon,.rbn-vehicle-sort-chevron{display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px}
.rbn-vehicle-sort-icon svg,.rbn-vehicle-sort-chevron svg{display:block;width:18px;height:18px;fill:currentColor}
.rbn-vehicle-sort-chevron{width:16px;height:16px;flex-basis:16px}
.rbn-vehicle-sort-chevron svg{width:16px;height:16px}
.rbn-vehicle-sort-popover{position:absolute;z-index:120;top:calc(100% + 8px);left:0;display:flex;width:230px;flex-direction:column;gap:7px;padding:15px;border:1px solid #e4e4e4;border-radius:13px;background:#fff;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.rbn-vehicle-sort-popover[hidden]{display:none!important}
.rbn-vehicle-sort-title{display:block;padding:0 2px 5px;color:#333;font-size:11px;font-weight:800}
.rbn-vehicle-sort-popover button{appearance:none;-webkit-appearance:none;height:40px;min-height:40px;max-height:40px;padding:0 14px;border:0;border-radius:10px;background:#f5f5f5;color:#171717;font-size:12px;font-weight:600;text-align:center;cursor:pointer}
.rbn-vehicle-sort-popover button:hover,.rbn-vehicle-sort-popover button:focus{background:#ececec}
.rbn-vehicle-sort-popover button.is-selected{background:#171717;color:#fff}
@media(max-width:680px){
.rbn-lcc-dialog{min-height:0;padding:26px 20px 28px}
.rbn-lcc-close{top:12px;right:12px}
.rbn-lcc-tabs{margin:18px 42px 25px 0;gap:8px}
.rbn-lcc-tab{min-height:50px;padding:0 13px;font-size:12px}
.rbn-lcc-grid{grid-template-columns:1fr;gap:8px}
.rbn-lcc-option.is-placeholder{display:none}
.rbn-lcc-panel h2{font-size:23px}
}
/* v0.5.3 — stronger stroke icons and larger driver icon */
.rbn-inline-icon svg.rbn-stroke-icon,.rbn-location-option-icon svg.rbn-stroke-icon{fill:none}
/* v0.5.3 — icon refinements */
.rbn-driver-age-trigger .rbn-inline-icon:first-child{width:20px!important;height:20px!important;flex:0 0 20px!important}
.rbn-driver-age-trigger .rbn-inline-icon:first-child svg{width:20px!important;height:20px!important}
/* v0.5.4 — compact locale tabs, titles and corrected BA flag */
.rbn-lcc-tab{
min-height:50px!important;
max-height:50px!important;
font-size:13px!important;
}
.rbn-lcc-panel h2{
font-size:24px!important;
}
.rbn-lcc-flag--ba svg{
transform:rotate(180deg);
transform-origin:center;
}
@media(max-width:680px){
.rbn-lcc-tab{font-size:13px!important}
.rbn-lcc-panel h2{font-size:24px!important}
}
/* v0.5.5 — tighter locale/currency popup spacing */
.rbn-lcc-panel h2{
margin:0 0 30px!important;
font-size:24px!important;
font-weight:700!important;
}
.rbn-lcc-option{
min-height:60px!important;
max-height:60px!important;
padding:8px 12px!important;
}
@media(max-width:680px){
.rbn-lcc-panel h2{
margin-bottom:30px!important;
font-size:24px!important;
font-weight:700!important;
}
.rbn-lcc-option{
min-height:60px!important;
max-height:60px!important;
padding:8px 12px!important;
}
}
/* v0.5.6 — focused fixed booking editor */
.rbn-selection-edit-backdrop{
background:rgba(0,0,0,.52);
}
.rbn-selection-edit-sheet{
position:fixed;
top:0;
right:0;
left:0;
width:100%;
max-height:92vh;
overflow:auto;
padding:14px 0 20px;
background:#fff;
border:0;
box-shadow:0 18px 48px rgba(0,0,0,.22);
}
.rbn-selection-edit-panel .rbn-container{
background:transparent;
}
.rbn-selection-edit-panel .rbn-booking-panel,
.rbn-selection-edit-panel .rbn-booking-panel--edit{
margin-top:0;
background:#fff;
border:0!important;
border-radius:0;
box-shadow:none!important;
}
.rbn-selection-edit-close{
border:0;
background:#fff;
color:#111;
}
.rbn-selection-edit-close:hover,
.rbn-selection-edit-close:focus{
border:0;
background:#f2f2f2;
color:#111;
}
/* v0.5.7 — selected language and currency use only border/background */
.rbn-lcc-check{display:none!important}
/* v0.5.8 — SIXT-style fixed edit search layer
Only the search sheet is white. The page remains visible through the backdrop,
and calendars/dropdowns float above the sheet without creating a second scroll area. */
.rbn-selection-edit-panel{
position:fixed!important;
inset:0!important;
z-index:99990!important;
display:block;
padding:0!important;
background:transparent!important;
border:0!important;
overflow:visible!important;
pointer-events:none;
}
.rbn-selection-edit-panel[hidden]{display:none!important}
.rbn-selection-edit-panel.is-open{pointer-events:auto}
.rbn-selection-edit-backdrop{
position:absolute!important;
inset:0!important;
z-index:0!important;
display:block!important;
width:100%!important;
height:100%!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:rgba(0,0,0,.48)!important;
opacity:0;
cursor:pointer;
}
.rbn-selection-edit-panel.is-open .rbn-selection-edit-backdrop{opacity:1}
.rbn-selection-edit-sheet{
position:fixed!important;
z-index:2!important;
top:0!important;
right:0!important;
left:0!important;
width:100%!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
margin:0!important;
padding:14px 0 18px!important;
overflow:visible!important;
overscroll-behavior:none;
background:#fff!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
transform:translate3d(0,-105%,0);
will-change:transform;
}
.rbn-selection-edit-panel.is-open .rbn-selection-edit-sheet{
transform:translate3d(0,0,0);
}
.admin-bar .rbn-selection-edit-sheet{top:32px!important}
.rbn-selection-edit-panel .rbn-container{
position:relative;
overflow:visible!important;
background:transparent!important;
}
.rbn-selection-edit-panel .rbn-booking-panel,
.rbn-selection-edit-panel .rbn-booking-panel--edit{
position:relative;
overflow:visible!important;
margin:0!important;
background:#fff!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
}
.rbn-selection-edit-panel .rbn-booking-popover{
z-index:100020!important;
}
.rbn-selection-edit-panel .rbn-calendar-popover,
.rbn-selection-edit-panel .rbn-location-popover,
.rbn-selection-edit-panel .rbn-time-popover,
.rbn-selection-edit-panel .rbn-age-popover{
position:absolute;
}
.rbn-selection-edit-close{
z-index:100030!important;
}
html.rbn-edit-open,
html.rbn-edit-open body{
overflow:hidden!important;
}
@media(max-width:782px){
.admin-bar .rbn-selection-edit-sheet{top:46px!important}
.rbn-selection-edit-sheet{padding:10px 0 14px!important}
.rbn-selection-edit-panel .rbn-calendar-popover{
position:fixed!important;
}
}
/* v0.5.9 — configurable SIXT-style location picker */
.rbn-location-popover{
width:min(950px,calc(100vw - 48px));
border:0;
border-radius:12px;
overflow:hidden;
box-shadow:0 20px 55px rgba(0,0,0,.24);
}
.rbn-location-popover-search{
height:58px;
padding:0 18px;
border-bottom:1px solid #e8e8e8;
background:#fff;
}
.rbn-location-popover-body{
display:flex;
min-height:410px;
max-height:520px;
}
.rbn-location-list-wrap{
flex:0 0 46%;
padding:12px 0;
border-right:1px solid #e5e5e5;
background:#fff;
overflow:auto;
}
.rbn-location-list{
display:flex;
flex-direction:column;
gap:0;
padding:0;
}
.rbn-location-group{
display:flex;
flex-direction:column;
gap:0;
}
.rbn-location-group + .rbn-location-group{
margin-top:8px;
}
.rbn-location-group-title{
margin:0;
padding:8px 18px 7px;
color:#1b1b1b;
font-size:12px;
font-weight:800;
line-height:1.3;
}
.rbn-location-group-items{
display:flex;
flex-direction:column;
gap:0;
}
.rbn-location-option{
display:flex;
align-items:center;
gap:13px;
width:100%;
min-height:54px;
padding:10px 18px;
border:0!important;
border-radius:0;
background:#fff;
}
.rbn-location-option:hover,
.rbn-location-option:focus,
.rbn-location-option.is-selected{
border:0!important;
background:#f2f2f2;
}
.rbn-location-option-icon{
width:24px;
height:24px;
color:#151515;
}
.rbn-location-option-icon svg{
width:22px;
height:22px;
fill:currentColor;
}
.rbn-location-option-copy{
display:flex;
flex-direction:column;
gap:3px;
}
.rbn-location-option-copy strong{
font-size:13px;
font-weight:500;
line-height:1.3;
}
.rbn-location-option-copy small{
color:#6b6b6b;
font-size:10px;
font-weight:400;
line-height:1.35;
}
.rbn-location-detail{
flex:1 1 auto;
min-width:0;
padding:25px 26px;
overflow:auto;
background:#f4f4f4;
}
.rbn-location-detail-top{
display:flex;
align-items:center;
justify-content:space-between;
width:100%;
gap:14px;
margin-bottom:13px;
}
.rbn-location-detail-icon{
flex:0 0 auto;
display:flex;
align-items:center;
justify-content:center;
width:30px;
height:30px;
color:#171717;
}
.rbn-location-detail-icon svg{
width:28px;
height:28px;
fill:currentColor;
}
.rbn-location-badges{
display:flex;
align-items:center;
justify-content:flex-end;
margin-left:auto;
flex-wrap:wrap;
gap:6px;
}
.rbn-location-badges span{
display:inline-flex;
align-items:center;
min-height:23px;
padding:3px 8px;
border:1px solid #ffba00;
border-radius:999px;
background:rgba(255,186,0,.08);
color:#b47c00;
font-size:9px;
font-weight:700;
line-height:1;
}
.rbn-location-detail h3{
margin:0 0 7px;
font-size:22px;
font-weight:800;
line-height:1.15;
letter-spacing:-.35px;
}
.rbn-location-detail-address{
margin:0 0 20px;
color:#666;
font-size:12px;
line-height:1.5;
}
.rbn-location-opening-title{
display:block;
margin-bottom:9px;
font-size:11px;
font-weight:800;
}
.rbn-working-hours{
display:flex;
flex-direction:column;
gap:5px;
margin-bottom:16px;
}
.rbn-working-row{
display:flex;
align-items:flex-start;
justify-content:flex-start;
gap:12px;
padding:0;
border:0;
color:#333;
font-size:11px;
line-height:1.45;
}
.rbn-working-row span{
flex:0 0 92px;
}
.rbn-working-row strong{
color:#222;
font-size:11px;
font-weight:500;
}
.rbn-location-contact{
display:flex;
flex-direction:column;
gap:14px;
margin:0 0 16px;
}
.rbn-location-contact-item{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:3px;
}
.rbn-location-contact-item .rbn-location-opening-title{
margin-bottom:0;
}
.rbn-location-contact a{
color:#222;
font-size:11px;
font-weight:500;
line-height:1.45;
text-decoration:none!important;
}
.rbn-location-contact a:hover,
.rbn-location-contact a:focus{
color:#222;
text-decoration:none!important;
}
.rbn-location-details-toggle{
display:inline-flex;
align-items:center;
gap:6px;
min-height:32px;
padding:0;
border:0!important;
background:transparent;
color:#171717;
cursor:pointer;
}
.rbn-location-details-toggle:hover,
.rbn-location-details-toggle:focus{
border:0!important;
background:transparent;
}
.rbn-location-details-toggle>span{
display:inline-flex;
align-items:center;
justify-content:center;
width:15px;
height:15px;
border:1px solid currentColor;
border-radius:50%;
font-size:9px;
font-weight:800;
}
.rbn-location-details-toggle strong{
font-size:10px;
font-weight:700;
text-decoration:underline;
text-underline-offset:2px;
}
.rbn-location-details-copy{
margin-top:8px;
padding:11px 12px;
border-radius:8px;
background:#fff;
}
.rbn-location-details-copy p{
margin:0;
color:#555;
font-size:11px;
line-height:1.55;
}
.rbn-location-selected-icon{
display:flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
}
.rbn-location-selected-icon svg{
width:21px;
height:21px;
fill:currentColor;
}
@media(max-width:760px){
.rbn-location-popover{position:fixed;inset:10px;width:auto;max-height:none}
.rbn-location-popover-body{display:block;height:calc(100% - 58px);max-height:none}
.rbn-location-list-wrap{height:100%;padding:8px 0;border-right:0}
.rbn-location-detail{display:none}
}
/* v0.5.10 — location list without vertical divider */
.rbn-location-list-wrap{border-right:0!important;}
/* v0.5.17 — premium vehicle offer cards */
.rbn-vehicle-grid{
align-items:stretch;
gap:22px;
}
.rbn-vehicle-card{
appearance:none;
-webkit-appearance:none;
position:relative;
isolation:isolate;
display:flex;
flex-direction:column;
width:100%;
min-width:0;
min-height:500px;
padding:16px;
overflow:visible;
border:0;
border-radius:12px;
background-color:#15191c;
background-image:url(../images/autorental_pozadina_kartice.webp);
background-size:cover;
background-position:center;
background-repeat:no-repeat;
color:#fff;
font:inherit;
text-align:left;
cursor:pointer;
box-shadow:none;
}
.rbn-vehicle-card::after{
content:"";
position:absolute;
z-index:6;
inset:-9px;
border:3px solid #ffba00;
border-radius:21px;
opacity:0;
pointer-events:none;
transition:opacity .18s ease-in;
}
.rbn-vehicle-card:hover,
.rbn-vehicle-card:focus,
.rbn-vehicle-card:active,
.rbn-vehicle-card.is-selected{
z-index:4;
border:0;
outline:0!important;
box-shadow:none;
}
.rbn-vehicle-card:hover::after,
.rbn-vehicle-card:focus::after,
.rbn-vehicle-card:active::after,
.rbn-vehicle-card.is-selected::after{
opacity:1;
}
.rbn-vehicle-card:disabled{
cursor:wait;
opacity:1;
}
.rbn-vehicle-card-overlay{
position:absolute;
z-index:-1;
inset:0;
overflow:hidden;
border-radius:inherit;
background:
linear-gradient(180deg,rgba(6,10,12,.46) 0%,rgba(8,12,14,.10) 35%,rgba(5,8,10,.06) 54%,rgba(6,9,11,.92) 100%);
pointer-events:none;
}
.rbn-vehicle-card-head,
.rbn-vehicle-card-bottom,
.rbn-vehicle-card-media{
position:relative;
z-index:2;
display:flex;
}
.rbn-vehicle-card-head{
flex-direction:column;
align-items:flex-start;
flex:0 0 auto;
}
.rbn-vehicle-card-title-row{
display:flex;
align-items:baseline;
flex-wrap:wrap;
gap:5px;
width:100%;
}
.rbn-vehicle-card-title{
color:#fff;
font-size:24px;
font-weight:700;
line-height:1.05;
letter-spacing:-.65px;
text-transform:uppercase;
}
.rbn-vehicle-card-similar{
color:#fff;
font-size:12px;
font-weight:400;
line-height:1.2;
text-transform:none;
}
.rbn-vehicle-card-class{
display:block;
margin-top:8px;
color:#fff;
font-size:12px;
font-weight:500;
line-height:1.35;
}
/* One canonical SIXT-style specification-pill definition. */
.rbn-vehicle-card-specs{
display:flex;
flex-flow:row wrap;
align-items:center;
gap:0;
margin-top:14px;
padding:0;
}
.rbn-vehicle-card-specs>span{
display:inline-flex;
align-items:center;
gap:0;
height:1.5rem;
min-height:1.5rem;
margin:.25rem 0;
padding-right:.75rem;
padding-left:.5rem;
border:0;
border-radius:50vmax;
background:rgba(255,255,255,.12);
color:#fff;
font-size:12px;
font-weight:400;
line-height:1;
white-space:nowrap;
}
.rbn-vehicle-card-specs>span:not(:last-child){
margin-right:.5rem;
}
.rbn-vehicle-card-specs .rbn-inline-icon{
display:block;
flex:0 0 1rem;
width:1rem;
height:1rem;
margin-right:.25rem;
margin-left:0;
color:currentColor;
line-height:0;
}
.rbn-vehicle-card-specs .rbn-inline-icon svg,
.rbn-vehicle-card-specs .rbn-inline-icon img{
display:block;
width:100%;
height:100%;
max-height:100%;
fill:currentColor;
color:currentColor;
}
.rbn-vehicle-card-specs .rbn-stroke-icon path{
stroke:#fff;
}
.rbn-vehicle-card-media{
align-items:center;
justify-content:center;
flex:1 1 auto;
min-height:250px;
margin:4px -2px 0;
}
.rbn-vehicle-card-media img{
display:block;
width:100%;
height:100%;
max-height:250px;
object-fit:contain;
object-position:center;
filter:drop-shadow(0 17px 13px rgba(0,0,0,.25));
transform:scale(1.03);
}
.rbn-vehicle-card-bottom{
align-items:flex-start;
flex-direction:column;
gap:13px;
flex:0 0 auto;
margin-top:auto;
}
.rbn-vehicle-included{
display:inline-flex;
align-items:center;
gap:8px;
color:#fff;
font-size:12px;
font-weight:400;
line-height:1.35;
}
.rbn-vehicle-included-check{
color:#23d86b;
font-size:15px;
font-weight:500;
line-height:1;
}
.rbn-vehicle-card-price{
display:flex;
align-items:baseline;
flex-wrap:wrap;
gap:10px;
width:100%;
}
.rbn-vehicle-price-daily,
.rbn-vehicle-price-total{
display:inline-flex;
align-items:baseline;
gap:3px;
white-space:nowrap;
}
.rbn-vehicle-price-daily{
color:#fff;
}
.rbn-vehicle-price-daily .rbn-vehicle-price-number{
display:inline-flex;
align-items:baseline;
gap:0;
font-size:24px;
font-weight:800;
line-height:1;
letter-spacing:-.5px;
}
.rbn-vehicle-price-daily .rbn-vehicle-price-whole{
font-size:inherit;
line-height:inherit;
}
.rbn-vehicle-price-daily .rbn-vehicle-price-decimal,
.rbn-vehicle-price-daily .rbn-vehicle-currency,
.rbn-vehicle-price-suffix{
font-size:13px;
line-height:1;
}
.rbn-vehicle-price-daily .rbn-vehicle-price-decimal,
.rbn-vehicle-price-daily .rbn-vehicle-currency{
font-weight:700;
}
.rbn-vehicle-price-suffix{
margin-left:1px;
font-weight:400;
}
/* Total price is intentionally one uniform visual unit. */
.rbn-vehicle-price-total,
.rbn-vehicle-price-total *{
color:#8d9299;
font-size:11px;
font-weight:400;
line-height:1;
letter-spacing:0;
}
.rbn-vehicle-price-total .rbn-vehicle-price-number{
display:inline-flex;
align-items:baseline;
gap:0;
}
.rbn-vehicle-card.is-loading::before{
content:"";
position:absolute;
z-index:9;
inset:0;
background:rgba(7,10,12,.72);
}
@media(max-width:1180px){
.rbn-vehicle-card{min-height:510px}
}
@media(max-width:680px){
.rbn-vehicle-card{min-height:480px;padding:15px}
.rbn-vehicle-card-title{font-size:24px}
.rbn-vehicle-card-media{min-height:225px}
.rbn-vehicle-card-media img{max-height:225px}
}
/* v0.5.24 — vehicle filters, structured modal and offset hover ring */
.rbn-vehicle-toolbar{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:10px;
}
.rbn-vehicle-toolbar-divider{
display:block;
width:1px;
height:24px;
margin:0 2px;
background:#d9d9dc;
}
.rbn-vehicle-filter-trigger,
.rbn-vehicle-quick-filter{
appearance:none;
-webkit-appearance:none;
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
height:38px;
min-height:38px;
max-height:38px;
padding:0 14px;
border:0;
border-radius:999px;
background:#f3f3f4;
color:#171717;
font-size:12px;
font-weight:700;
line-height:1;
white-space:nowrap;
cursor:pointer;
}
.rbn-vehicle-filter-trigger:hover,
.rbn-vehicle-filter-trigger:focus,
.rbn-vehicle-filter-trigger[aria-expanded="true"],
.rbn-vehicle-quick-filter:hover,
.rbn-vehicle-quick-filter:focus{
background:#ededee;
}
.rbn-vehicle-filter-trigger.is-active,
.rbn-vehicle-quick-filter.is-active{
background:#171717;
color:#fff;
}
.rbn-vehicle-filter-icon,
.rbn-vehicle-filter-chevron,
.rbn-vehicle-quick-icon{
display:grid;
place-items:center;
flex:0 0 17px;
width:17px;
height:17px;
line-height:0;
}
.rbn-vehicle-filter-chevron{
flex-basis:15px;
width:15px;
height:15px;
}
.rbn-vehicle-filter-icon svg,
.rbn-vehicle-filter-chevron svg,
.rbn-vehicle-quick-icon svg{
display:block;
width:100%;
height:100%;
fill:currentColor;
}
.rbn-vehicle-filter-count{
display:grid;
place-items:center;
min-width:18px;
height:18px;
padding:0 5px;
border-radius:999px;
background:#171717;
color:#fff;
font-size:10px;
font-weight:800;
}
.rbn-vehicle-filter-trigger.is-active .rbn-vehicle-filter-count{
background:#fff;
color:#171717;
}
.rbn-vehicle-filter-modal{
position:fixed;
z-index:100050;
inset:0;
display:grid;
place-items:center;
padding:28px;
}
.rbn-vehicle-filter-modal[hidden]{display:none!important}
.rbn-vehicle-filter-backdrop{
position:absolute;
inset:0;
width:100%;
height:100%;
border:0;
background:rgba(0,0,0,.64);
cursor:pointer;
}
.rbn-vehicle-filter-dialog{
position:relative;
z-index:1;
display:flex;
width:min(820px,100%);
max-height:calc(100vh - 56px);
flex-direction:column;
overflow:hidden;
border:1px solid #e4e4e4;
border-radius:14px;
background:#fff;
color:#171717;
box-shadow:0 28px 80px rgba(0,0,0,.30);
}
.rbn-vehicle-filter-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding:26px 30px 22px;
border-bottom:1px solid #ececee;
}
.rbn-vehicle-filter-head h2{
margin:0;
font-size:24px;
font-weight:800;
line-height:1.1;
}
.rbn-vehicle-filter-close{
display:grid;
place-items:center;
width:40px;
height:40px;
padding:0;
border:0;
border-radius:50%;
background:#f3f3f4;
color:#171717;
font-size:25px;
font-weight:300;
line-height:1;
cursor:pointer;
}
.rbn-vehicle-filter-close:hover,
.rbn-vehicle-filter-close:focus{background:#e9e9eb}
.rbn-vehicle-filter-body{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:0 32px;
overflow:auto;
padding:6px 30px 24px;
}
.rbn-vehicle-filter-section--full{
grid-column:1 / -1;
}
.rbn-vehicle-filter-section--half{
grid-column:auto;
}
.rbn-vehicle-filter-section{
padding:24px 0;
border-bottom:1px solid #ececee;
}
.rbn-vehicle-filter-section h3{
margin:0 0 14px;
color:#171717;
font-size:13px;
font-weight:800;
line-height:1.25;
}
.rbn-vehicle-filter-options{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
}
.rbn-vehicle-filter-options button{
appearance:none;
-webkit-appearance:none;
display:flex;
align-items:center;
justify-content:center;
min-height:48px;
padding:8px 10px;
border:1px solid transparent;
border-radius:10px;
background:#f5f5f6;
color:#171717;
font-size:12px;
font-weight:600;
line-height:1.2;
text-align:center;
cursor:pointer;
}
.rbn-vehicle-filter-options button:hover,
.rbn-vehicle-filter-options button:focus{
border-color:#c8c8cb;
background:#f0f0f1;
}
.rbn-vehicle-filter-options button.is-selected{
border-color:#171717;
background:#e9e9eb;
}
.rbn-vehicle-filter-footer{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:18px 30px 22px;
border-top:1px solid #ececee;
background:#fff;
}
.rbn-vehicle-filter-reset,
.rbn-vehicle-filter-apply{
appearance:none;
-webkit-appearance:none;
min-height:46px;
padding:0 20px;
border-radius:10px;
font-size:12px;
font-weight:800;
cursor:pointer;
}
.rbn-vehicle-filter-reset{
border:1px solid #d5d5d7;
background:#fff;
color:#171717;
}
.rbn-vehicle-filter-reset:hover,
.rbn-vehicle-filter-reset:focus{border-color:#171717}
.rbn-vehicle-filter-apply{
border:1px solid #171717;
background:#171717;
color:#fff;
}
.rbn-vehicle-filter-apply strong{
display:inline-grid;
place-items:center;
min-width:20px;
height:20px;
margin-left:5px;
border-radius:999px;
background:#fff;
color:#171717;
font-size:10px;
}
.rbn-vehicle-card[hidden]{display:none!important}
@media(max-width:760px){
.rbn-vehicle-toolbar-divider{display:none}
.rbn-vehicle-filter-modal{padding:10px}
.rbn-vehicle-filter-dialog{max-height:calc(100vh - 20px)}
.rbn-vehicle-filter-head{padding:20px}
.rbn-vehicle-filter-body{grid-template-columns:1fr;padding:0 20px 18px}
.rbn-vehicle-filter-section--full,
.rbn-vehicle-filter-section--half{grid-column:1}
.rbn-vehicle-filter-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.rbn-vehicle-filter-footer{padding:15px 20px 18px}
}
.rbn-vehicle-filter-count[hidden]{display:none!important}
/* v0.5.25 — fixed-position yellow hover ring with opacity-only fade */
/* v0.5.26 — insurance selection flow and final vehicle hover polish */
.rbn-vehicle-card::after{inset:-8px;border-width:4px;border-color:#ffba00}
.rbn-insurance-selection,.rbn-equipment-selection{min-height:70vh;padding:0 0 80px;background:#fff;color:#171717}
.rbn-insurance-titlebar{width:100%;border-bottom:1px solid #e8e8e8;background:#fff}
.rbn-insurance-titlebar-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}
.rbn-insurance-title-wrap{display:flex;align-items:center;gap:14px;min-width:0}
.rbn-insurance-title-wrap h1{margin:0;font-size:28px;font-weight:900;line-height:1.1}
.rbn-insurance-back{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:#171717;text-decoration:none!important;font-size:36px;font-weight:300;line-height:1}
.rbn-insurance-back:hover{background:#f3f3f3;text-decoration:none!important}
.rbn-insurance-title-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex:0 0 auto}
.rbn-insurance-total-trigger{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:0;border:0;background:transparent;color:#171717;font-size:12px;font-weight:700;cursor:pointer}
.rbn-insurance-total-trigger strong{font-size:22px;font-weight:800}
.rbn-insurance-continue{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:190px;min-height:52px;margin:0;padding:0 30px;border:0;border-radius:10px;background:#ff5a1f;color:#fff;font-size:14px;font-weight:800;opacity:1;cursor:pointer}
.rbn-insurance-continue:disabled{opacity:.38;cursor:not-allowed}
.rbn-insurance-content{padding-top:48px}
.rbn-insurance-notice{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:15px 18px;border-radius:10px;background:#f4f4f4}
.rbn-insurance-notice>span{display:flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#171717;color:#fff;font-size:12px;font-weight:800}
.rbn-insurance-notice p{margin:0;font-size:12px;font-weight:600}
.rbn-insurance-grid{display:flex;align-items:stretch;gap:18px;width:100%}
.rbn-insurance-card{position:relative;display:flex;flex:1 1 calc(33.333% - 12px);min-width:0;min-height:480px;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;border:1px solid #d9d9d9;border-radius:12px;background:#fff;color:#171717;text-align:left;cursor:pointer;box-shadow:none}
.rbn-insurance-card:hover{border-color:#a7a7a7}
.rbn-insurance-card.is-selected{border:2px solid #171717;box-shadow:none}
.rbn-insurance-card-top{display:flex;flex-direction:column;gap:10px;min-height:150px;padding:20px 20px 18px;background:#f2f2f2}
.rbn-insurance-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.rbn-insurance-card-title-row strong{font-size:23px;font-weight:800;line-height:1.12}
.rbn-insurance-radio{display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;border:1px solid #cfd2d5;border-radius:50%;background:#fff}
.rbn-insurance-radio>span{width:12px;height:12px;border-radius:50%;background:transparent}
.rbn-insurance-card.is-selected .rbn-insurance-radio{border-color:#171717}
.rbn-insurance-card.is-selected .rbn-insurance-radio>span{background:#171717}
.rbn-insurance-stars{font-size:15px;letter-spacing:2px;line-height:1}
.rbn-insurance-excess,.rbn-insurance-deposit{display:block;font-size:12px;font-weight:700;line-height:1.4}
.rbn-insurance-excess{color:#d31920}
.rbn-insurance-excess.is-positive{color:#11a84c}
.rbn-insurance-deposit{color:#343434}
.rbn-insurance-card-body{display:flex;flex:1 1 auto;flex-direction:column;gap:12px;padding:18px 20px}
.rbn-insurance-feature{display:flex;align-items:flex-start;gap:10px;font-size:12px;font-weight:500;line-height:1.45}
.rbn-insurance-feature>span:first-child{flex:0 0 18px;font-size:17px;line-height:1.05}
.rbn-insurance-feature.is-included>span:first-child{color:#171717}
.rbn-insurance-feature.is-excluded{color:#777}
.rbn-insurance-feature.is-excluded>span:first-child{color:#8d9299}
.rbn-insurance-card-price{display:flex;align-items:baseline;gap:6px;margin-top:auto;padding:18px 20px 20px;font-style:normal}
.rbn-insurance-card-price strong{font-size:23px;font-weight:800;line-height:1}
.rbn-insurance-card-price small{font-size:12px;font-weight:600;color:#555}
.rbn-insurance-overview{width:min(720px,100%);margin-top:22px;padding:20px;border-radius:12px;background:#f4f4f4}
.rbn-insurance-overview h2{margin:0 0 16px;font-size:15px;font-weight:800}
.rbn-insurance-overview-row,.rbn-price-details-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid #dfdfdf;font-size:12px}
.rbn-insurance-overview-row strong,.rbn-price-details-row strong{font-weight:700}
.rbn-insurance-overview-row.is-total,.rbn-price-details-row.is-total{margin-top:3px;padding-top:13px;border-bottom:0;font-size:14px;font-weight:800}
.rbn-insurance-overview-row.is-hidden,.rbn-price-details-row.is-hidden{display:none!important}
.rbn-insurance-feedback{min-height:20px;margin-top:14px;font-size:12px;font-weight:600}
.rbn-insurance-feedback.is-loading{color:#555}.rbn-insurance-feedback.is-error{color:#b42318}.rbn-insurance-feedback.is-success{color:#167342}
.rbn-insurance-empty{padding:50px;border:1px solid #ddd;border-radius:12px;background:#fff;text-align:center}
.rbn-price-details-modal{position:fixed;z-index:100120;inset:0;display:grid;place-items:center;padding:20px}
.rbn-price-details-modal[hidden]{display:none!important}
.rbn-price-details-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(0,0,0,.62);cursor:pointer}
.rbn-price-details-dialog{position:relative;z-index:1;width:min(390px,100%);padding:28px;border-radius:12px;background:#fff;box-shadow:0 26px 70px rgba(0,0,0,.28)}
.rbn-price-details-dialog h2{margin:0 0 20px;font-size:22px;font-weight:800}
.rbn-price-details-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border:0;background:transparent;color:#171717;font-size:28px;cursor:pointer}
.rbn-equipment-content{padding-top:48px}
.rbn-equipment-total{display:flex;align-items:baseline;gap:5px;font-size:12px;font-weight:700}
.rbn-equipment-total strong{font-size:22px;font-weight:800}
.rbn-equipment-placeholder{padding:42px;border:1px solid #e1e1e1;border-radius:12px;background:#f6f6f6}
.rbn-equipment-placeholder h2{margin:0 0 10px;font-size:24px;font-weight:800}
.rbn-equipment-placeholder p{max-width:680px;margin:0;color:#666;font-size:13px;line-height:1.65}
@media(max-width:980px){
.rbn-insurance-titlebar-inner{align-items:flex-start;flex-direction:column;padding-top:18px;padding-bottom:18px}
.rbn-insurance-title-actions{width:100%;justify-content:space-between}
.rbn-insurance-grid{flex-wrap:wrap}
.rbn-insurance-card{flex-basis:calc(50% - 9px)}
}
@media(max-width:680px){
.rbn-insurance-content,.rbn-equipment-content{padding-top:26px}
.rbn-insurance-title-wrap h1{font-size:23px}
.rbn-insurance-title-actions{align-items:stretch;flex-direction:column}
.rbn-insurance-total-trigger{justify-content:center}
.rbn-insurance-continue{width:100%}
.rbn-insurance-grid{flex-direction:column}
.rbn-insurance-card{flex-basis:auto;min-height:0}
.rbn-insurance-card-title-row strong{font-size:20px}
}
/* v0.5.30 — retain v0.5.28 filter appearance with 500-weight labels */
.rbn-vehicle-selection-head{
min-height:90px!important;
max-height:90px!important;
}
.rbn-vehicle-toolbar{
padding:25px 0 25px!important;
font-weight:500!important;
}
.rbn-vehicle-sort-trigger,
.rbn-vehicle-filter-trigger,
.rbn-vehicle-quick-filter{
font-weight:500!important;
}
.rbn-vehicle-card::after{
inset:-8px!important;
border-width:3px!important;
border-color:#ffba00!important;
}
.rbn-vehicle-card.is-loading::before{
display:none!important;
content:none!important;
}
.rbn-insurance-titlebar,
.rbn-insurance-titlebar-inner{
min-height:90px!important;
max-height:90px!important;
}
.rbn-insurance-title-wrap{
display:flex;
align-items:center;
gap:4px;
min-width:0;
}
.rbn-insurance-title-wrap h1{
color:#171717!important;
margin:0!important;
font-size:28px!important;
font-weight:900!important;
line-height:1.1!important;
letter-spacing:-1.2px!important;
text-transform:uppercase!important;
}
.rbn-insurance-back{
flex:0 0 40px!important;
width:40px!important;
height:40px!important;
}
.rbn-insurance-back span,
.rbn-insurance-back svg{
display:block;
width:40px;
height:40px;
fill:currentColor;
}
.rbn-insurance-continue{
background:#ffba00!important;
color:#171717!important;
}
.rbn-insurance-continue:hover,
.rbn-insurance-continue:focus{
background:#ffc329!important;
color:#171717!important;
}
.rbn-insurance-content{
padding-top:0!important;
}
.rbn-insurance-notice{
margin:25px 0!important;
}
.rbn-insurance-card{
min-height:400px!important;
border:2px solid #f5f6f7!important;
font-size:20px!important;
font-weight:700!important;
box-shadow:none!important;
}
.rbn-insurance-card:hover{
border-color:#ececec!important;
}
.rbn-insurance-card.is-selected{
border:2px solid #ffba00!important;
box-shadow:none!important;
}
.rbn-insurance-card-top{
min-height:0!important;
background:#f5f6f7!important;
}
.rbn-insurance-card-title-row strong{
font-size:20px!important;
font-weight:700!important;
line-height:1.12!important;
}
.rbn-insurance-card.is-selected .rbn-insurance-radio{
border-color:#ffba00!important;
background:#f5f6f7!important;
}
.rbn-insurance-card.is-selected .rbn-insurance-radio>span{
background:#ffba00!important;
}
.rbn-insurance-card.is-pending{
cursor:progress;
}
.rbn-insurance-card:disabled{
opacity:1;
}
.rbn-insurance-feature-icon,
.rbn-insurance-feature-icon svg{
display:block;
flex:0 0 18px;
width:18px;
height:18px;
}
.rbn-insurance-feature-icon svg{
fill:currentColor;
}
.rbn-insurance-feature.is-included{
color:#171717;
}
.rbn-insurance-feature.is-excluded{
color:#8d9299;
}
.rbn-insurance-price-number{
display:inline-flex;
align-items:baseline;
gap:0;
white-space:nowrap;
}
.rbn-insurance-price-prefix,
.rbn-insurance-price-major{
color:inherit;
font-size:24px;
font-weight:700;
line-height:1;
}
.rbn-insurance-price-prefix{
margin-right:3px;
}
.rbn-insurance-price-minor{
color:inherit;
font-size:13px;
font-weight:700;
line-height:1;
}
.rbn-insurance-card-price{
gap:0!important;
}
.rbn-insurance-card-price .rbn-insurance-price-number{
color:#171717;
}
.rbn-insurance-total-trigger{
position:relative;
display:grid!important;
grid-template-columns:auto auto;
grid-template-rows:auto auto;
column-gap:6px!important;
row-gap:2px!important;
align-items:baseline!important;
justify-content:center!important;
min-width:190px;
text-align:center;
}
.rbn-insurance-total-label{
grid-column:1;
grid-row:1;
align-self:baseline;
font-size:12px!important;
font-weight:500;
line-height:1;
}
.rbn-insurance-total-amount{
grid-column:2;
grid-row:1;
align-self:baseline;
}
.rbn-insurance-total-details{
grid-column:1 / 3;
grid-row:2;
width:100%;
color:#63676d;
font-size:11px;
font-weight:500;
line-height:1.1;
text-align:right!important;
}
.rbn-insurance-total-chevron{
display:none!important;
}
.rbn-insurance-total-trigger .rbn-insurance-price-prefix,
.rbn-insurance-total-trigger .rbn-insurance-price-major{
font-size:20px!important;
font-weight:700!important;
}
.rbn-insurance-total-trigger .rbn-insurance-price-minor{
font-size:12px!important;
font-weight:700!important;
}
.rbn-insurance-total-trigger.is-calculating .rbn-insurance-total-amount{
opacity:.42;
}
.rbn-insurance-total-trigger.is-calculating::after{
content:"";
position:absolute;
top:50%;
right:-20px;
width:14px;
height:14px;
margin-top:-7px;
border:2px solid #d6d6d6;
border-top-color:#171717;
border-radius:50%;
animation:rbn-insurance-spin .7s linear infinite;
}
@keyframes rbn-insurance-spin{
to{transform:rotate(360deg)}
}
.rbn-insurance-feedback:empty{
display:none!important;
min-height:0!important;
margin-top:0!important;
}
@media(max-width:980px){
.rbn-insurance-titlebar,
.rbn-insurance-titlebar-inner{
min-height:90px!important;
max-height:none!important;
}
}
@media(max-width:680px){
.rbn-insurance-card{
min-height:400px!important;
}
.rbn-insurance-total-trigger{
min-width:0;
width:100%;
justify-content:center!important;
text-align:center;
}
.rbn-insurance-total-details{
text-align:right!important;
}
}
/* v0.5.32 — compact title bars, three-state stars and centered total loader */
.rbn-vehicle-selection-head{
min-height:75px!important;
max-height:75px!important;
}
.rbn-insurance-titlebar,
.rbn-insurance-titlebar-inner{
min-height:75px!important;
max-height:75px!important;
}
.rbn-insurance-stars{
display:inline-flex;
align-items:center;
gap:2px;
color:#c7cbd0;
font-size:15px;
letter-spacing:0;
line-height:1;
}
.rbn-insurance-stars>span{
display:block;
color:#c7cbd0;
}
.rbn-insurance-stars>span.is-active{
color:#171717;
}
.rbn-insurance-stars>span.is-inactive{
color:#c7cbd0;
}
.rbn-insurance-card-price strong{
font-size:21px;
font-weight:700;
line-height:1;
}
.rbn-insurance-back,
.rbn-insurance-back:hover,
.rbn-insurance-back:focus,
.rbn-insurance-back:active{
background:transparent!important;
box-shadow:none!important;
transform:none!important;
transition:none!important;
animation:none!important;
}
.rbn-insurance-total-trigger>span{
transition:opacity .16s ease,filter .16s ease;
}
.rbn-insurance-total-trigger.is-calculating{
pointer-events:none;
}
.rbn-insurance-total-trigger.is-calculating>span{
opacity:.32!important;
filter:blur(2px);
}
.rbn-insurance-total-trigger.is-calculating::after{
content:"";
position:absolute;
top:50%;
left:50%;
right:auto;
width:20px;
height:20px;
margin:0;
border:2px solid rgba(23,23,23,.2);
border-top-color:#171717;
border-radius:50%;
transform:translate(-50%,-50%) rotate(0deg);
animation:rbn-insurance-total-spin .7s linear infinite;
z-index:2;
}
@keyframes rbn-insurance-total-spin{
to{transform:translate(-50%,-50%) rotate(360deg)}
}
@media(max-width:980px){
.rbn-insurance-titlebar,
.rbn-insurance-titlebar-inner{
min-height:75px!important;
max-height:75px!important;
}
}
/* v0.5.33 — structured price-details popup */
.rbn-price-details-dialog{
width:min(520px,100%);
max-height:calc(100vh - 40px);
overflow-y:auto;
padding:30px;
}
.rbn-price-details-dialog h2{
margin:0 0 24px;
padding-right:42px;
color:#171717;
font-size:22px;
font-weight:800;
line-height:1.15;
}
.rbn-price-details-section{
display:flex;
flex-direction:column;
gap:0;
padding:0 0 18px;
}
.rbn-price-details-section+.rbn-price-details-section{
padding-top:18px;
border-top:1px solid #e7e8ea;
}
.rbn-price-details-section.is-hidden{
display:none!important;
}
.rbn-price-details-section h3{
margin:0 0 10px;
color:#171717;
font-size:13px;
font-weight:800;
line-height:1.2;
text-transform:none;
}
.rbn-price-details-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:22px;
min-height:40px;
padding:9px 0;
border-bottom:1px solid #eff0f1;
color:#35383c;
font-size:12px;
font-weight:500;
line-height:1.35;
}
.rbn-price-details-section .rbn-price-details-row:last-child{
border-bottom:0;
}
.rbn-price-details-copy{
display:flex;
align-items:baseline;
flex-wrap:wrap;
gap:3px;
min-width:0;
}
.rbn-price-details-row>strong{
flex:0 0 auto;
color:#171717;
font-weight:700;
white-space:nowrap;
}
.rbn-price-details-money{
display:inline-flex;
align-items:baseline;
color:inherit;
white-space:nowrap;
}
.rbn-price-details-currency{
margin-right:3px;
font-size:13px;
font-weight:700;
line-height:1;
}
.rbn-price-details-major{
font-size:14px;
font-weight:700;
line-height:1;
}
.rbn-price-details-minor{
font-size:10px;
font-weight:600;
line-height:1;
}
.rbn-price-details-copy .rbn-price-details-major{
font-size:12px;
}
.rbn-price-details-copy .rbn-price-details-minor,
.rbn-price-details-copy .rbn-price-details-currency{
font-size:9px;
}
.rbn-price-details-total{
display:flex;
align-items:baseline;
justify-content:space-between;
gap:22px;
margin-top:4px;
padding-top:20px;
border-top:2px solid #171717;
color:#171717;
font-size:15px;
font-weight:800;
}
.rbn-price-details-total .rbn-price-details-major{
font-size:20px;
font-weight:700;
}
.rbn-price-details-total .rbn-price-details-minor,
.rbn-price-details-total .rbn-price-details-currency{
font-size:12px;
font-weight:700;
}
@media(max-width:560px){
.rbn-price-details-modal{padding:12px}
.rbn-price-details-dialog{max-height:calc(100vh - 24px);padding:24px 20px}
.rbn-price-details-row{gap:12px}
}
/* v0.5.34 — clean price popup and SIXT-style additional equipment */
.rbn-price-details-section,
.rbn-price-details-section+.rbn-price-details-section{
padding:0!important;
border:0!important;
}
.rbn-price-details-section+.rbn-price-details-section{
margin-top:20px;
}
.rbn-price-details-row,
.rbn-price-details-section .rbn-price-details-row:last-child{
min-height:36px;
padding:7px 0;
border:0!important;
}
.rbn-price-details-section h3{
margin:0 0 7px;
}
.rbn-price-details-major,
.rbn-price-details-minor,
.rbn-price-details-currency,
.rbn-price-details-row>strong{
font-weight:600!important;
}
.rbn-price-details-total{
margin-top:22px;
padding-top:0;
border:0!important;
font-size:18px;
font-weight:600;
}
.rbn-price-details-total .rbn-price-details-major{
font-size:18px;
font-weight:600!important;
}
.rbn-price-details-total .rbn-price-details-minor,
.rbn-price-details-total .rbn-price-details-currency{
font-size:11px;
font-weight:600!important;
}
.rbn-equipment-titlebar,
.rbn-equipment-titlebar .rbn-insurance-titlebar-inner{
min-height:75px!important;
max-height:75px!important;
}
.rbn-equipment-content{
padding-top:0;
}
.rbn-equipment-notice{
margin:25px 0;
}
.rbn-equipment-layout{
display:flex;
align-items:flex-start;
gap:55px;
width:100%;
}
.rbn-equipment-list{
display:flex;
flex:1 1 auto;
min-width:0;
flex-direction:column;
gap:10px;
}
.rbn-equipment-card{
display:flex;
flex-direction:column;
align-items:stretch;
min-height:0;
border:1px solid #efefef;
border-radius:10px;
background:#fff;
color:#171717;
overflow:hidden;
box-shadow:none;
transition:border-color .16s ease,background .16s ease;
}
.rbn-equipment-card:hover{
border-color:#ececec;
}
.rbn-equipment-card.is-selected,
.rbn-equipment-card.is-selected:hover{
border-color:#ffba00;
}
.rbn-equipment-card.is-pending{opacity:.72}
.rbn-equipment-top-row{
display:flex;
align-items:center;
gap:12px;
width:100%;
min-height:54px;
padding:13px 15px 8px;
}
.rbn-equipment-icon{
display:flex;
align-items:center;
justify-content:center;
flex:0 0 24px;
width:24px;
height:24px;
}
.rbn-equipment-icon svg,
.rbn-equipment-icon img{
display:block;
width:100%;
height:100%;
object-fit:contain;
}
.rbn-equipment-name{
min-width:0;
flex:1 1 auto;
font-size:16px;
font-weight:700;
line-height:1.25;
}
.rbn-equipment-actions{
display:flex;
align-items:center;
flex:0 0 auto;
gap:12px;
padding:0;
}
.rbn-equipment-details-trigger{
padding:0;
border:0;
border-bottom:1px solid currentColor;
background:transparent;
color:#171717;
font-size:12px;
font-weight:600;
line-height:1.2;
white-space:nowrap;
cursor:pointer;
}
.rbn-equipment-switch{
position:relative;
display:block;
width:58px;
height:30px;
padding:0;
border:0;
border-radius:999px;
background:#d8dade;
cursor:pointer;
transition:background .16s ease;
}
.rbn-equipment-switch>span{
position:absolute;
top:2px;
left:2px;
width:26px;
height:26px;
border-radius:50%;
background:#fff;
box-shadow:0 1px 3px rgba(0,0,0,.25);
transition:transform .16s ease;
}
.rbn-equipment-switch.is-on{background:#ffba00}
.rbn-equipment-switch.is-on>span{transform:translateX(28px)}
.rbn-equipment-price-row{
display:flex;
align-items:baseline;
min-height:31px;
padding:0 15px 12px 52px;
color:#171717;
font-size:14px;
}
.rbn-equipment-price-row .rbn-insurance-price-number,
.rbn-equipment-price-row .rbn-insurance-price-prefix,
.rbn-equipment-price-row .rbn-insurance-price-major,
.rbn-equipment-price-row .rbn-insurance-price-minor{
font-size:14px;
font-weight:600;
}
.rbn-equipment-description{
width:calc(100% - 30px);
margin:0 15px 15px;
padding:14px 16px;
border-radius:8px;
background:#f5f6f7;
}
.rbn-equipment-description[hidden]{display:none}
.rbn-equipment-description p{
max-width:none;
margin:0;
color:#5e6268;
font-size:13px;
line-height:1.55;
}
.rbn-equipment-feedback{min-height:18px;color:#b42318;font-size:11px;font-weight:600}
.rbn-equipment-feedback:empty{display:none}
.rbn-equipment-overview{
flex:0 0 420px;
width:420px;
max-width:420px;
padding:18px;
border-radius:10px;
background:#f4f5f6;
}
.rbn-equipment-overview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.rbn-equipment-overview h2{margin:0;font-size:16px;font-weight:700}
.rbn-equipment-overview ul{display:flex;flex-direction:column;gap:9px;margin:0;padding:0;list-style:none}
.rbn-equipment-overview-equipment:not(:empty){margin-top:9px}
.rbn-equipment-overview-equipment:empty{display:none}
.rbn-equipment-overview li{display:flex;align-items:flex-start;gap:8px;color:#4e5257;font-size:13px;font-weight:500;line-height:1.4}
.rbn-equipment-overview-icon{display:block;flex:0 0 16px;width:16px;height:16px;color:#171717;line-height:0}
.rbn-equipment-overview-icon svg{display:block;width:100%;height:100%;fill:currentColor}
.rbn-equipment-profile-list{display:flex;flex-direction:column;gap:14px}
.rbn-equipment-profile-card{padding:18px;border:1px solid #dfe2e5;border-radius:12px;background:#fff}
.rbn-equipment-profile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.rbn-equipment-profile-head>div{display:flex;flex-direction:column;gap:4px}
.rbn-equipment-profile-head strong{font-size:14px}
.rbn-equipment-profile-head small{color:#70757b}
.rbn-equipment-profile-card label{display:flex;flex-direction:column;gap:7px}
.rbn-equipment-profile-card label>span{font-weight:700}
.rbn-equipment-profile-card textarea{width:100%;min-height:96px}
@media(max-width:980px){
.rbn-equipment-layout{flex-direction:column;gap:22px}
.rbn-equipment-overview{flex-basis:auto;width:100%;max-width:none}
.rbn-equipment-titlebar,.rbn-equipment-titlebar .rbn-insurance-titlebar-inner{max-height:none!important}
}
@media(max-width:620px){
.rbn-equipment-top-row{gap:9px;padding-inline:12px}
.rbn-equipment-icon{flex-basis:24px;width:24px;height:24px}
.rbn-equipment-price-row{padding-left:52px}
.rbn-equipment-actions{gap:9px}
}
/* v0.5.35 — compact total trigger and explicit total-price weight */
.rbn-insurance-total-trigger{
min-width:0!important;
}
.rbn-insurance-total-label,
.rbn-insurance-total-amount,
.rbn-insurance-total-trigger .rbn-insurance-price-prefix,
.rbn-insurance-total-trigger .rbn-insurance-price-major,
.rbn-insurance-total-trigger .rbn-insurance-price-minor{
font-weight:800!important;
}
.rbn-price-details-total,
.rbn-price-details-total>span,
.rbn-price-details-total>strong,
.rbn-price-details-total .rbn-price-details-major,
.rbn-price-details-total .rbn-price-details-minor,
.rbn-price-details-total .rbn-price-details-currency{
font-weight:800!important;
}
/* v0.5.43 — clean checkout form and SIXT-inspired reservation overview */
.page-template-template-booking-checkout,
.page-template-template-booking-checkout .site-main,
.rbn-checkout{
background:#fff;
}
.rbn-checkout-titlebar,
.rbn-checkout-titlebar .rbn-insurance-titlebar-inner{
min-height:75px;
max-height:75px;
}
.rbn-checkout-title-actions{
gap:0;
}
.rbn-checkout-content{
padding-top:34px;
padding-bottom:80px;
}
.rbn-checkout-layout{
display:flex;
align-items:flex-start;
gap:55px;
width:100%;
}
.rbn-checkout-form{
display:flex;
flex:1 1 auto;
min-width:0;
flex-direction:column;
gap:34px;
}
.rbn-checkout-section{
width:100%;
margin:0;
padding:0;
border:0;
border-radius:0;
background:transparent;
}
.rbn-checkout-section-head{
margin:0 0 17px;
}
.rbn-checkout-section-head h2{
margin:0;
color:#171717;
font-size:18px;
font-weight:700;
line-height:1.25;
}
.rbn-checkout-section-head p{
max-width:760px;
margin:7px 0 0;
color:#62666b;
font-size:13px;
line-height:1.55;
}
.rbn-checkout-fields{
display:flex;
flex-wrap:wrap;
gap:15px;
}
.rbn-checkout-field{
display:flex;
flex:1 1 calc(50% - 8px);
min-width:240px;
flex-direction:column;
gap:7px;
}
.rbn-checkout-field.is-full{
flex-basis:100%;
width:100%;
}
.rbn-checkout-field>span{
color:#171717;
font-size:12px;
font-weight:600;
}
.rbn-checkout-field>span small{
color:#777b80;
font-size:11px;
font-weight:500;
}
.rbn-checkout-field input,
.rbn-checkout-field select,
.rbn-checkout-field textarea{
width:100%;
min-height:48px;
padding:11px 13px;
border:1px solid #d7dadc;
border-radius:9px;
background:#fff;
color:#171717;
font:inherit;
font-size:14px;
box-shadow:none;
}
.rbn-checkout-field textarea{
min-height:120px;
resize:vertical;
}
.rbn-checkout-field input:hover,
.rbn-checkout-field select:hover,
.rbn-checkout-field textarea:hover{
border-color:#bfc3c7;
}
.rbn-checkout-field input:focus,
.rbn-checkout-field select:focus,
.rbn-checkout-field textarea:focus{
border-color:#171717;
}
.rbn-checkout-payment{
display:flex;
align-items:flex-start;
gap:12px;
padding:16px;
border:1px solid #ffba00;
border-radius:9px;
background:#f5f6f7;
}
.rbn-checkout-payment-radio{
display:flex;
align-items:center;
justify-content:center;
flex:0 0 22px;
width:22px;
height:22px;
border:2px solid #ffba00;
border-radius:50%;
background:#f5f6f7;
}
.rbn-checkout-payment-radio>span{
width:10px;
height:10px;
border-radius:50%;
background:#ffba00;
}
.rbn-checkout-payment strong,
.rbn-checkout-payment small{
display:block;
}
.rbn-checkout-payment strong{
font-size:14px;
font-weight:700;
}
.rbn-checkout-payment small{
margin-top:4px;
color:#65696e;
font-size:12px;
line-height:1.5;
}
.rbn-checkout-deposit{
padding:18px 20px;
border-radius:10px;
background:#f5f6f7;
}
.rbn-checkout-deposit .rbn-checkout-section-head{
margin-bottom:10px;
}
.rbn-checkout-deposit .rbn-checkout-section-head h2{
font-size:16px;
}
.rbn-checkout-deposit p{
max-width:none;
margin:0;
color:#4f5358;
font-size:13px;
line-height:1.6;
}
.rbn-checkout-deposit strong{
color:#171717;
font-weight:700;
}
.rbn-checkout-consent{
display:flex;
align-items:flex-start;
gap:10px;
margin:0;
padding:0;
color:#4f5358;
font-size:12px;
line-height:1.5;
}
.rbn-checkout-consent input{
flex:0 0 auto;
margin-top:2px;
}
.rbn-checkout-feedback{
min-height:20px;
color:#65696e;
font-size:12px;
font-weight:600;
}
.rbn-checkout-feedback.is-error{
color:#b42318;
}
.rbn-checkout-feedback:empty{
display:none;
}
.rbn-checkout-submit{
display:inline-flex;
align-items:center;
justify-content:center;
width:100%;
min-height:54px;
padding:0 24px;
border:0;
border-radius:9px;
background:#ffba00;
color:#171717;
font-size:14px;
font-weight:800;
cursor:pointer;
}
.rbn-checkout-submit:disabled{
cursor:wait;
opacity:.7;
}
.rbn-checkout-overview{
position:sticky;
top:95px;
display:flex;
flex:0 0 420px;
width:420px;
max-width:420px;
flex-direction:column;
gap:22px;
background:transparent;
}
.rbn-checkout-overview-card{
padding:16px 20px 18px;
border-radius:14px;
background:#f4f5f6;
}
.rbn-checkout-vehicle-summary{
display:flex;
align-items:center;
gap:15px;
padding-bottom:22px;
}
.rbn-checkout-vehicle-thumb{
display:flex;
align-items:center;
justify-content:center;
flex:0 0 80px;
width:80px;
height:50px;
overflow:hidden;
border-radius:4px;
background:#cbd0d4;
}
.rbn-checkout-vehicle-thumb img{
display:block;
width:100%;
height:100%;
object-fit:contain;
}
.rbn-checkout-vehicle-copy{
min-width:0;
padding:0;
}
.rbn-checkout-vehicle-copy h2{
margin:0;
color:#171717;
font-size:18px;
font-weight:700;
line-height:1.2;
}
.rbn-checkout-vehicle-copy span{
display:block;
margin-top:4px;
color:#697077;
font-size:12px;
font-weight:500;
}
.rbn-checkout-overview-section{
padding:18px 4px 17px;
border-top:1px solid #d7dadc;
}
.rbn-checkout-rental-period{
padding-top:3px;
border-top:0;
}
.rbn-checkout-overview-section h3{
margin:0 0 13px;
color:#171717;
font-size:16px;
font-weight:700;
line-height:1.25;
}
.rbn-checkout-rental-timeline{
display:flex;
flex-direction:column;
gap:15px;
margin:0;
padding:0;
list-style:none;
}
.rbn-checkout-rental-timeline li{
position:relative;
display:flex;
align-items:flex-start;
gap:14px;
min-height:52px;
}
.rbn-checkout-rental-timeline li:first-child::after{
content:"";
position:absolute;
top:27px;
left:10px;
width:1px;
height:38px;
background:#171717;
}
.rbn-checkout-store-icon{
position:relative;
z-index:1;
display:flex;
align-items:center;
justify-content:center;
flex:0 0 21px;
width:21px;
height:21px;
margin-top:15px;
color:#171717;
background:#f4f5f6;
}
.rbn-checkout-store-icon svg{
display:block;
width:20px;
height:20px;
fill:currentColor;
}
.rbn-checkout-rental-timeline li>div{
min-width:0;
}
.rbn-checkout-rental-timeline small,
.rbn-checkout-rental-timeline strong,
.rbn-checkout-rental-timeline span{
display:block;
}
.rbn-checkout-rental-timeline small{
color:#747980;
font-size:11px;
font-weight:500;
}
.rbn-checkout-rental-timeline strong{
margin-top:3px;
color:#171717;
font-size:13px;
font-weight:800;
line-height:1.35;
}
.rbn-checkout-rental-timeline span{
margin-top:2px;
color:#171717;
font-size:12px;
font-weight:500;
line-height:1.4;
}
.rbn-checkout-overview-heading-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
.rbn-checkout-overview-heading-row h3{
margin-bottom:0;
}
.rbn-checkout-overview-heading-row>span{
color:#ffba00;
font-size:11px;
font-weight:800;
white-space:nowrap;
}
.rbn-checkout-benefit-list,
.rbn-checkout-highlights ul{
display:flex;
flex-direction:column;
gap:10px;
margin:13px 0 0;
padding:0;
list-style:none;
}
.rbn-checkout-benefit-list li,
.rbn-checkout-highlights li{
display:flex;
align-items:flex-start;
gap:9px;
color:#171717;
font-size:13px;
font-weight:500;
line-height:1.45;
}
.rbn-checkout-check-icon{
display:flex;
align-items:center;
justify-content:center;
flex:0 0 16px;
width:16px;
height:16px;
margin-top:1px;
color:#13b963;
}
.rbn-checkout-check-icon svg{
display:block;
width:16px;
height:16px;
fill:currentColor;
}
.rbn-checkout-location-fees ul,
.rbn-checkout-out-of-hours-fees ul{
display:flex;
flex-direction:column;
gap:10px;
margin:0;
padding:0;
list-style:none;
}
.rbn-checkout-location-fees li,
.rbn-checkout-out-of-hours-fees li{
display:flex;
align-items:flex-start;
gap:9px;
color:#171717;
font-size:13px;
font-weight:500;
line-height:1.45;
}
.rbn-checkout-location-fees li>span:not(.rbn-checkout-check-icon),
.rbn-checkout-out-of-hours-fees li>span:not(.rbn-checkout-check-icon){
min-width:0;
}
.rbn-checkout-location-fees li>strong,
.rbn-checkout-out-of-hours-fees li>strong{
flex:0 0 auto;
margin-left:auto;
font-size:12px;
font-weight:800;
white-space:nowrap;
}
.rbn-checkout-highlights{
padding:22px 20px 24px;
border-radius:14px;
background:#e3f7ec;
color:#087737;
}
.rbn-checkout-highlights h3{
margin:0;
color:#171717;
font-size:16px;
font-weight:700;
}
.rbn-checkout-highlights ul{
gap:13px;
margin-top:18px;
}
.rbn-checkout-highlights li{
align-items:center;
color:#087737;
font-size:13px;
}
.rbn-checkout-highlights li>span{
display:flex;
align-items:center;
justify-content:center;
flex:0 0 19px;
width:19px;
height:19px;
}
.rbn-checkout-highlights svg{
display:block;
width:19px;
height:19px;
fill:currentColor;
}
.rbn-checkout-highlights strong{
font-weight:800;
}
@media(max-width:980px){
.rbn-checkout-titlebar,
.rbn-checkout-titlebar .rbn-insurance-titlebar-inner{max-height:none}
.rbn-checkout-layout{flex-direction:column;gap:30px}
.rbn-checkout-overview{position:static;flex-basis:auto;width:100%;max-width:none}
}
@media(max-width:620px){
.rbn-checkout-content{padding-top:24px}
.rbn-checkout-form{gap:30px}
.rbn-checkout-field{flex-basis:100%;min-width:0}
.rbn-checkout-overview-card{padding:15px}
.rbn-checkout-overview-heading-row{align-items:flex-start;flex-direction:column;gap:5px}
}
.rbn-confirmation{
padding:72px 0 90px;
background:#f5f6f7;
}
.rbn-confirmation-inner{
display:flex;
align-items:center;
max-width:820px;
flex-direction:column;
text-align:center;
}
.rbn-confirmation-icon{
display:flex;
align-items:center;
justify-content:center;
width:68px;
height:68px;
border-radius:50%;
background:#ffba00;
color:#171717;
}
.rbn-confirmation-icon svg{
width:36px;
height:36px;
fill:currentColor;
}
.rbn-confirmation-kicker{
margin-top:20px;
color:#6c7075;
font-size:12px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
}
.rbn-confirmation h1{
margin:8px 0 10px;
color:#171717;
font-size:38px;
font-weight:900;
letter-spacing:-1.3px;
}
.rbn-confirmation-inner>p{
max-width:620px;
margin:0;
color:#5e6268;
font-size:14px;
line-height:1.6;
}
.rbn-confirmation-card{
display:flex;
width:100%;
flex-wrap:wrap;
margin-top:30px;
padding:8px;
border-radius:12px;
background:#fff;
text-align:left;
}
.rbn-confirmation-card>div{
display:flex;
flex:1 1 33.333%;
min-width:220px;
flex-direction:column;
gap:4px;
padding:16px;
}
.rbn-confirmation-card span{
color:#767a7f;
font-size:11px;
}
.rbn-confirmation-card strong{
font-size:14px;
font-weight:700;
}
.rbn-confirmation-note{
margin-top:24px!important;
}
.rbn-confirmation-actions{
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
gap:10px;
margin-top:24px;
}
.rbn-confirmation-home,
.rbn-confirmation-pdf{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:48px;
padding:0 22px;
border-radius:9px;
font-size:13px;
font-weight:700;
text-decoration:none;
}
.rbn-confirmation-home{
background:#171717;
color:#fff;
}
.rbn-confirmation-pdf{
background:#ffba00;
color:#171717;
}
@media(max-width:620px){
.rbn-confirmation{padding:48px 0 64px}
.rbn-confirmation h1{font-size:30px}
.rbn-confirmation-card>div{flex-basis:100%;min-width:0}
}
/* v0.5.59 customer booking management. */
.rbn-site-main{
background:#fff;
}
.rbn-manage-page{
padding:50px 20px;
background:#fff;
color:#171717;
}
.rbn-manage-shell{
width:100%;
max-width:820px;
margin:0 auto;
}
.rbn-manage-intro,
.rbn-manage-lookup-wrap{
max-width:650px;
margin-right:auto;
margin-left:auto;
}
.rbn-manage-intro h1{
margin:0;
color:#171717;
font-size:38px;
font-weight:900;
line-height:1.02;
letter-spacing:-1.8px;
text-transform:uppercase;
}
.rbn-manage-intro p{
max-width:590px;
margin:18px 0 0;
color:#505357;
font-size:16px;
line-height:1.62;
}
.rbn-manage-lookup-wrap{
margin-top:35px;
}
.rbn-manage-form{
display:grid;
gap:23px;
}
.rbn-manage-field{
display:grid;
gap:8px;
min-width:0;
margin:0;
}
.rbn-manage-field>span{
color:#202224;
font-size:13px;
font-weight:800;
}
.rbn-manage-field input,
.rbn-manage-field select,
.rbn-manage-field textarea{
display:block;
width:100%;
min-width:0;
margin:0;
border:1px solid #cfd2d5;
border-radius:11px;
background:#fff;
color:#171717;
box-shadow:none;
outline:0;
transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.rbn-manage-field input{
height:58px;
padding:0 17px;
}
.rbn-manage-field select{
height:58px;
padding:0 44px 0 17px;
appearance:none;
-webkit-appearance:none;
background-image:linear-gradient(45deg,transparent 50%,#5f6266 50%),linear-gradient(135deg,#5f6266 50%,transparent 50%);
background-position:calc(100% - 21px) 25px,calc(100% - 15px) 25px;
background-size:6px 6px,6px 6px;
background-repeat:no-repeat;
}
.rbn-manage-field textarea{
min-height:112px;
padding:15px 17px;
line-height:1.5;
resize:vertical;
}
.rbn-manage-field input::placeholder,
.rbn-manage-field textarea::placeholder{
color:#a0a3a7;
opacity:1;
}
.rbn-manage-field input:hover,
.rbn-manage-field select:hover,
.rbn-manage-field textarea:hover{
border-color:#a7aaae;
}
.rbn-manage-field input:focus,
.rbn-manage-field select:focus,
.rbn-manage-field textarea:focus{
border-color:#171717;
box-shadow:0 0 0 3px rgba(23,23,23,.08);
}
.rbn-manage-field.is-readonly input{
border-color:#e0e1e2;
background:#f3f3f3;
color:#6e7175;
cursor:not-allowed;
}
.rbn-manage-primary-button,
.rbn-manage-secondary-button{
appearance:none;
-webkit-appearance:none;
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
min-height:56px;
padding:0 24px;
border-radius:11px;
font-size:14px;
font-weight:800;
line-height:1.2;
text-align:center;
text-decoration:none;
cursor:pointer;
transition:background .18s ease,border-color .18s ease,transform .18s ease,opacity .18s ease;
}
.rbn-manage-primary-button{
width:100%;
border:1px solid var(--rbn-primary);
background:var(--rbn-primary);
color:#fff;
}
.rbn-manage-primary-button:hover,
.rbn-manage-primary-button:focus-visible{
border-color:#171717;
background:#171717;
color:#fff;
outline:0;
}
.rbn-manage-secondary-button{
border:1px solid #cfd1d3;
background:#fff;
color:#252729;
}
.rbn-manage-secondary-button:hover,
.rbn-manage-secondary-button:focus-visible{
border-color:#171717;
background:#f4f4f4;
outline:0;
}
.rbn-manage-primary-button:disabled,
.rbn-manage-secondary-button:disabled{
opacity:.7;
cursor:wait;
}
.rbn-manage-primary-button.is-loading:hover{
border-color:var(--rbn-primary);
background:var(--rbn-primary);
}
.rbn-manage-spinner{
display:none;
width:17px;
height:17px;
flex:0 0 17px;
border:2px solid rgba(255,255,255,.45);
border-top-color:#fff;
border-radius:50%;
animation:rbn-spin .7s linear infinite;
}
.rbn-manage-primary-button.is-loading .rbn-manage-spinner{
display:block;
}
.rbn-manage-security-note{
display:flex;
align-items:flex-start;
gap:9px;
margin:16px 2px 0;
color:#696c70;
font-size:11px;
line-height:1.55;
}
.rbn-manage-security-note>span{
display:grid;
place-items:center;
width:17px;
height:17px;
flex:0 0 17px;
margin-top:1px;
border:1px solid #9b9ea1;
border-radius:50%;
font-size:10px;
font-weight:800;
}
.rbn-manage-feedback{
display:none;
max-width:650px;
margin:20px auto 0;
padding:13px 15px;
border:1px solid transparent;
border-radius:10px;
font-size:13px;
font-weight:700;
line-height:1.5;
}
.rbn-manage-feedback.is-visible{display:block}
.rbn-manage-feedback.is-loading{border-color:#dedfe0;background:#eee;color:#4d5053}
.rbn-manage-feedback.is-error{border-color:#f2cac6;background:#fff0ee;color:#922f25}
.rbn-manage-feedback.is-warning{border-color:#efd495;background:#fff8e4;color:#745000}
.rbn-manage-feedback.is-info{border-color:#cbddec;background:#eef6fc;color:#285a7f}
.rbn-manage-stage:not(:empty){
margin-top:8px;
}
.rbn-manage-editor{
scroll-margin-top:24px;
}
.rbn-manage-editor-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:25px;
padding:0 2px 20px;
}
.rbn-manage-editor-head span{
color:#74777b;
font-size:11px;
font-weight:800;
letter-spacing:.06em;
text-transform:uppercase;
}
.rbn-manage-editor-head h2{
margin:4px 0 0;
color:#171717;
font-size:30px;
font-weight:900;
line-height:1.1;
letter-spacing:-.8px;
}
.rbn-manage-editor-head>strong{
color:#171717;
font-size:21px;
font-weight:900;
white-space:nowrap;
}
.rbn-manage-booking-summary{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:1px;
overflow:hidden;
border:1px solid #dedfe1;
border-radius:12px;
background:#dedfe1;
}
.rbn-manage-booking-summary>div{
display:grid;
gap:5px;
min-width:0;
padding:17px 18px;
background:#fff;
}
.rbn-manage-booking-summary small{
color:#777a7e;
font-size:10px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.05em;
}
.rbn-manage-booking-summary strong{
overflow:hidden;
color:#242628;
font-size:13px;
line-height:1.45;
text-overflow:ellipsis;
}
.rbn-manage-phase-note{
margin:14px 2px 22px;
color:#66696d;
font-size:12px;
line-height:1.58;
}
.rbn-manage-editor-form{
gap:18px;
}
.rbn-manage-fieldset{
min-width:0;
margin:0;
padding:23px;
border:1px solid #dddfe1;
border-radius:14px;
background:#fff;
}
.rbn-manage-fieldset legend{
padding:0 8px;
color:#171717;
font-size:15px;
font-weight:900;
}
.rbn-manage-fieldset-note{
margin:15px 1px 0;
color:#73767a;
font-size:11px;
line-height:1.55;
}
.rbn-manage-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
}
.rbn-manage-grid-datetime{
grid-template-columns:minmax(160px,1.25fr) minmax(105px,.75fr) minmax(160px,1.25fr) minmax(105px,.75fr);
}
.rbn-manage-field-wide{
grid-column:1/-1;
}
.rbn-manage-choice-list,
.rbn-manage-equipment-list{
display:grid;
gap:10px;
}
.rbn-manage-choice{
display:flex;
align-items:center;
gap:13px;
min-width:0;
padding:14px 15px;
border:1px solid #d9dbdd;
border-radius:11px;
background:#fafafa;
cursor:pointer;
transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.rbn-manage-choice:hover{
border-color:#aeb1b4;
background:#fff;
}
.rbn-manage-choice:has(input:checked){
border-color:#171717;
background:#fff;
box-shadow:0 0 0 2px rgba(23,23,23,.06);
}
.rbn-manage-choice input,
.rbn-manage-equipment-toggle input{
width:18px;
height:18px;
flex:0 0 18px;
margin:0;
accent-color:var(--rbn-primary);
}
.rbn-manage-choice>span,
.rbn-manage-equipment-toggle>span{
display:grid;
gap:3px;
min-width:0;
}
.rbn-manage-choice strong,
.rbn-manage-equipment-toggle strong{
color:#252729;
font-size:13px;
line-height:1.35;
}
.rbn-manage-choice small,
.rbn-manage-equipment-toggle small{
color:#777a7e;
font-size:10px;
line-height:1.4;
}
.rbn-manage-equipment{
display:grid;
grid-template-columns:minmax(0,1fr) 105px;
align-items:center;
gap:15px;
padding:14px 15px;
border:1px solid #d9dbdd;
border-radius:11px;
background:#fafafa;
transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.rbn-manage-equipment.is-selected{
border-color:#171717;
background:#fff;
box-shadow:0 0 0 2px rgba(23,23,23,.06);
}
.rbn-manage-equipment-toggle{
display:flex;
align-items:center;
gap:13px;
min-width:0;
cursor:pointer;
}
.rbn-manage-equipment-quantity{
display:grid;
gap:5px;
}
.rbn-manage-equipment-quantity span{
color:#676a6e;
font-size:9px;
font-weight:800;
letter-spacing:.04em;
text-transform:uppercase;
}
.rbn-manage-equipment-quantity input{
width:100%;
height:40px;
margin:0;
padding:0 10px;
border:1px solid #cfd2d5;
border-radius:8px;
background:#fff;
color:#171717;
text-align:center;
}
.rbn-manage-equipment-quantity input:disabled{
background:#eeeeef;
color:#9a9da0;
}
.rbn-manage-editor-form>.rbn-manage-primary-button{
margin-top:3px;
}
.rbn-manage-preview-slot{
scroll-margin-top:24px;
}
.rbn-manage-preview{
margin-top:22px;
padding:26px;
border:1px solid #cfd2d4;
border-radius:14px;
background:#fff;
box-shadow:0 14px 38px rgba(0,0,0,.08);
}
.rbn-manage-preview.has-price-change{
border-color:#e7b855;
box-shadow:0 14px 38px rgba(124,83,0,.1);
}
.rbn-manage-preview-head>span{
color:#777a7e;
font-size:10px;
font-weight:800;
letter-spacing:.07em;
text-transform:uppercase;
}
.rbn-manage-preview-head h3{
margin:5px 0 0;
color:#171717;
font-size:24px;
font-weight:900;
letter-spacing:-.5px;
}
.rbn-manage-change-list{
display:grid;
gap:10px;
margin:21px 0 0;
padding:0;
list-style:none;
}
.rbn-manage-change-list li{
display:flex;
align-items:flex-start;
gap:9px;
color:#3a3d40;
font-size:12px;
line-height:1.5;
}
.rbn-manage-change-list li>span{
display:grid;
place-items:center;
width:18px;
height:18px;
flex:0 0 18px;
border-radius:50%;
background:#dff4e7;
color:#13723a;
font-size:11px;
font-weight:900;
}
.rbn-manage-price-comparison{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:1px;
overflow:hidden;
margin-top:22px;
border:1px solid #e0e1e2;
border-radius:11px;
background:#e0e1e2;
}
.rbn-manage-price-comparison>div{
display:grid;
gap:5px;
padding:17px;
background:#f6f6f6;
}
.rbn-manage-price-comparison>div.is-new{
background:#edf8f1;
}
.rbn-manage-price-comparison span{
color:#73767a;
font-size:10px;
font-weight:800;
text-transform:uppercase;
}
.rbn-manage-price-comparison strong{
color:#202224;
font-size:19px;
font-weight:900;
}
.rbn-manage-price-difference{
margin:13px 0 0;
color:#53565a;
font-size:12px;
font-weight:800;
}
.rbn-manage-price-difference.is-increase{color:#8b4a14}
.rbn-manage-price-difference.is-decrease{color:#17713b}
.rbn-manage-preview-note{
margin:20px 0 0;
padding-top:18px;
border-top:1px solid #e4e5e6;
color:#686b6f;
font-size:11px;
line-height:1.58;
}
.rbn-manage-preview-actions{
display:grid;
grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
gap:11px;
margin-top:20px;
}
.rbn-manage-success{
max-width:700px;
margin:30px auto 0;
padding:42px;
border:1px solid #d8dcda;
border-radius:16px;
background:#fff;
text-align:center;
box-shadow:0 16px 42px rgba(0,0,0,.07);
scroll-margin-top:24px;
}
.rbn-manage-success-icon{
display:grid;
place-items:center;
width:60px;
height:60px;
margin:0 auto 19px;
border-radius:50%;
background:#dff4e7;
color:#14733b;
}
.rbn-manage-success-icon svg{
width:31px;
height:31px;
fill:currentColor;
}
.rbn-manage-success h2{
margin:4px 0 10px;
color:#171717;
font-size:31px;
font-weight:900;
letter-spacing:-.8px;
}
.rbn-manage-success>p{
margin:0 auto;
color:#64676b;
font-size:13px;
line-height:1.6;
}
.rbn-manage-success-summary{
display:grid;
grid-template-columns:1.35fr .65fr;
gap:1px;
overflow:hidden;
margin:25px 0 17px;
border:1px solid #e0e1e2;
border-radius:11px;
background:#e0e1e2;
text-align:left;
}
.rbn-manage-success-summary>div{
display:grid;
gap:5px;
padding:16px;
background:#f7f7f7;
}
.rbn-manage-success-summary span{
color:#777a7e;
font-size:10px;
font-weight:800;
text-transform:uppercase;
}
.rbn-manage-success-summary strong{
color:#222426;
font-size:13px;
line-height:1.45;
}
.rbn-manage-success-email{
margin-bottom:22px!important;
}
.rbn-manage-success>.rbn-manage-primary-button{
max-width:360px;
margin:0 auto;
}
@media(max-width:760px){
.rbn-manage-intro h1{letter-spacing:-1.2px}
.rbn-manage-intro p{margin-top:14px}
.rbn-manage-lookup-wrap{margin-top:27px}
.rbn-manage-grid-datetime{grid-template-columns:minmax(0,1.3fr) minmax(90px,.7fr)}
.rbn-manage-editor-head{align-items:flex-start;flex-direction:column;gap:8px}
.rbn-manage-editor-head>strong{font-size:18px}
}
@media(max-width:560px){
.rbn-manage-field input,
.rbn-manage-field select{height:55px}
.rbn-manage-booking-summary,
.rbn-manage-grid,
.rbn-manage-grid-datetime,
.rbn-manage-price-comparison,
.rbn-manage-preview-actions,
.rbn-manage-success-summary{grid-template-columns:1fr}
.rbn-manage-equipment{grid-template-columns:minmax(0,1fr) 88px;padding:13px}
.rbn-manage-fieldset{padding:19px 15px}
.rbn-manage-preview{padding:21px 16px}
.rbn-manage-success{padding:31px 18px}
.rbn-manage-success h2{font-size:27px}
}
@media(prefers-reduced-motion:reduce){
.rbn-manage-primary-button,
.rbn-manage-secondary-button,
.rbn-manage-field input,
.rbn-manage-field select,
.rbn-manage-field textarea{transition:none}
}
/* Booking management editor v0.5.68 */
.rbn-manage-page{
padding:50px 20px;
background:#fff;
}
.rbn-manage-shell{max-width:960px}
.rbn-manage-stage:not(:empty){margin-top:0}
.rbn-manage-editor{scroll-margin-top:24px}
.rbn-manage-editor-head{
align-items:flex-end;
padding:0 2px 20px;
}
.rbn-manage-editor-head h2{font-size:28px}
.rbn-manage-current-total{
display:grid;
gap:4px;
text-align:right;
}
.rbn-manage-current-total small{
color:#777a7e;
font-size:10px;
font-weight:800;
letter-spacing:.05em;
text-transform:uppercase;
}
.rbn-manage-current-total strong{
color:#171717;
font-size:22px;
font-weight:900;
line-height:1.1;
}
.rbn-manage-vehicle-card{
display:grid;
grid-template-columns:minmax(260px,.86fr) minmax(0,1.14fr);
height:190px;
min-height:190px;
max-height:190px;
overflow:hidden;
border:1px solid #d8dadd;
border-radius:16px;
background:#fff;
box-shadow:0 12px 34px rgba(0,0,0,.06);
}
.rbn-manage-vehicle-visual{
position:relative;
display:grid;
place-items:center;
height:190px;
min-height:0;
padding:18px;
overflow:hidden;
background:
radial-gradient(circle at 52% 58%,rgba(255,255,255,.2),transparent 38%),
linear-gradient(140deg,#15191c 0%,#293137 48%,#aebdc2 100%);
}
.rbn-manage-vehicle-visual:after{
position:absolute;
right:-28%;
bottom:-75%;
width:115%;
height:105%;
border:1px solid rgba(255,255,255,.15);
border-radius:50%;
content:"";
}
.rbn-manage-vehicle-visual img{
position:relative;
z-index:1;
display:block;
width:100%;
max-width:330px;
max-height:150px;
object-fit:cover;
filter:drop-shadow(0 18px 18px rgba(0,0,0,.3));
}
.rbn-manage-vehicle-placeholder{
position:relative;
z-index:1;
display:grid;
place-items:center;
width:120px;
height:66px;
color:#fff;
}
.rbn-manage-vehicle-placeholder svg{width:100%;height:auto;fill:currentColor}
.rbn-manage-vehicle-copy{
display:flex;
min-width:0;
flex-direction:column;
justify-content:center;
align-items:flex-start;
padding:20px 30px;
}
.rbn-manage-vehicle-copy>small{
color:#777a7e;
font-size:10px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
}
.rbn-manage-vehicle-copy h3{
margin:5px 0 0;
color:#171717;
font-size:24px;
font-weight:900;
line-height:1.08;
letter-spacing:-.75px;
text-transform:uppercase;
}
.rbn-manage-vehicle-copy p{
margin:5px 0 0;
color:#6c7074;
font-size:11px;
font-weight:650;
}
.rbn-manage-vehicle-lock{
display:inline-flex;
align-items:center;
gap:7px;
margin-top:14px;
padding:6px 10px;
border-radius:999px;
background:#f0f1f2;
color:#4c5054;
font-size:10px;
font-weight:800;
}
.rbn-manage-vehicle-lock svg{width:14px;height:14px;fill:currentColor}
.rbn-manage-phase-note{
display:flex;
align-items:center;
gap:11px;
margin:17px 2px 25px;
padding:0;
color:#5d6165;
font-size:12px;
line-height:1.6;
}
.rbn-manage-phase-note>span{
display:grid;
place-items:center;
width:20px;
height:20px;
flex:0 0 20px;
margin-top:1px;
border:1px solid #979b9f;
border-radius:50%;
color:#5c6064;
font-size:11px;
font-weight:900;
}
.rbn-manage-phase-note p{margin:0}
.rbn-manage-editor-form{gap:16px}
.rbn-manage-fieldset{
padding:27px;
border-color:#dcdee0;
border-radius:16px;
box-shadow:0 5px 18px rgba(0,0,0,.025);
}
.rbn-manage-fieldset legend{
display:flex;
align-items:center;
gap:9px;
padding:0 9px;
font-size:17px;
}
.rbn-manage-section-number{
display:grid;
place-items:center;
width:25px;
height:25px;
flex:0 0 25px;
border-radius:50%;
background:var(--rbn-primary);
color:#fff;
font-size:11px;
font-weight:900;
}
.rbn-manage-section-intro{
max-width:720px;
margin:0 0 20px;
color:#6a6e72;
font-size:11px;
line-height:1.55;
}
.rbn-manage-field>span{font-size:12px}
.rbn-manage-field input,
.rbn-manage-field select{height:56px;border-radius:12px}
.rbn-manage-field select{background-position:calc(100% - 21px) 24px,calc(100% - 15px) 24px}
.rbn-manage-schedule{position:relative;z-index:6}
.rbn-manage-date-row{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:15px;
}
.rbn-manage-date-row .rbn-booking-date-control{height:58px}
.rbn-manage-date-row .rbn-booking-date-trigger span:last-child,
.rbn-manage-date-row .rbn-booking-time-trigger span{font-size:14px;font-weight:700}
.rbn-manage-calendar-popover{
position:absolute;
z-index:60;
right:-27px;
bottom:auto;
left:-27px;
width:auto;
padding:23px 25px 27px;
}
.rbn-manage-calendar-months{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:35px;
}
.rbn-manage-calendar-popover .rbn-calendar-navigation{
grid-template-columns:38px minmax(0,1fr) 38px;
}
.rbn-manage-calendar-popover .rbn-calendar-navigation>[data-rbn-manage-calendar-prev],
.rbn-manage-calendar-popover .rbn-calendar-navigation>[data-rbn-manage-calendar-next]{
appearance:none;
-webkit-appearance:none;
display:grid;
place-items:center;
width:38px;
height:38px;
padding:0;
border:1px solid transparent;
border-radius:50%;
background:#fff;
color:#222;
font-size:29px;
line-height:1;
cursor:pointer;
}
.rbn-manage-calendar-popover .rbn-calendar-navigation>[data-rbn-manage-calendar-prev]:hover,
.rbn-manage-calendar-popover .rbn-calendar-navigation>[data-rbn-manage-calendar-next]:hover,
.rbn-manage-calendar-popover .rbn-calendar-navigation>[data-rbn-manage-calendar-prev]:focus-visible,
.rbn-manage-calendar-popover .rbn-calendar-navigation>[data-rbn-manage-calendar-next]:focus-visible{border-color:#bbb;outline:0}
.rbn-manage-calendar-popover .rbn-calendar-navigation>[data-rbn-manage-calendar-prev]:disabled{opacity:.3;cursor:not-allowed}
.rbn-manage-time-popover{
position:absolute;
z-index:65;
right:auto;
padding:0 14px 14px;
}
.rbn-manage-time-popover .rbn-time-grid{position:relative}
.rbn-manage-time-popover .rbn-time-option small{min-height:0;font-size:8px}
.rbn-manage-availability-box{
display:grid;
grid-template-columns:minmax(220px,auto) minmax(0,1fr);
align-items:center;
gap:8px 16px;
margin-top:22px;
padding-top:20px;
border-top:1px solid #e4e5e6;
}
.rbn-manage-availability-button{
appearance:none;
-webkit-appearance:none;
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
min-height:48px;
padding:0 21px;
border:1px solid #171717;
border-radius:11px;
background:#171717;
color:#fff;
font-size:12px;
font-weight:800;
cursor:pointer;
}
.rbn-manage-availability-button:hover,
.rbn-manage-availability-button:focus-visible{border-color:var(--rbn-primary);background:var(--rbn-primary);outline:0}
.rbn-manage-availability-button:disabled{opacity:.7;cursor:wait}
.rbn-manage-availability-button.is-loading .rbn-manage-spinner{display:block}
.rbn-manage-availability-box>p{
margin:0;
color:#7a7d81;
font-size:10px;
line-height:1.5;
}
.rbn-manage-availability-result{
display:flex;
grid-column:1/-1;
align-items:flex-start;
gap:9px;
margin-top:3px;
padding:12px 14px;
border:1px solid #d9dcde;
border-radius:10px;
background:#f5f5f5;
color:#55595d;
font-size:11px;
font-weight:700;
line-height:1.5;
}
.rbn-manage-availability-result[hidden]{display:none!important}
.rbn-manage-availability-result.is-success{border-color:#bfe0ca;background:#edf8f1;color:#17653a}
.rbn-manage-availability-result.is-error{border-color:#efc4bf;background:#fff0ee;color:#902f25}
.rbn-manage-availability-result.is-loading{border-color:#d8dadd;background:#f0f0f0;color:#55595d}
.rbn-manage-availability-icon{
display:grid;
place-items:center;
width:18px;
height:18px;
flex:0 0 18px;
border-radius:50%;
background:currentColor;
color:#fff;
font-size:10px;
font-weight:900;
}
.rbn-manage-availability-result.is-success .rbn-manage-availability-icon{background:#1f7a46}
.rbn-manage-availability-result.is-error .rbn-manage-availability-icon{background:#a13b31}
.rbn-manage-availability-result.is-loading .rbn-manage-availability-icon,
.rbn-manage-availability-result.is-neutral .rbn-manage-availability-icon{background:#72767a}
.rbn-manage-insurance-list{
display:grid;
gap:10px;
}
.rbn-manage-insurance-option{
overflow:hidden;
border:1px solid #dbdddf;
border-radius:12px;
background:#fafafa;
transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.rbn-manage-insurance-option:hover{border-color:#afb2b5;background:#fff}
.rbn-manage-insurance-option.is-selected{
border-color:#171717;
background:#fff;
box-shadow:0 0 0 1px #171717;
}
.rbn-manage-insurance-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:15px;
min-height:76px;
padding:13px 15px;
}
.rbn-manage-insurance-select{
display:flex;
align-items:center;
gap:13px;
min-width:0;
flex:1 1 auto;
cursor:pointer;
}
.rbn-manage-insurance-select input{
position:absolute;
width:1px;
height:1px;
overflow:hidden;
clip:rect(0 0 0 0);
clip-path:inset(50%);
white-space:nowrap;
}
.rbn-manage-insurance-radio{
display:grid;
place-items:center;
width:20px;
height:20px;
flex:0 0 20px;
border:2px solid #a8abad;
border-radius:50%;
background:#fff;
}
.rbn-manage-insurance-radio>span{width:10px;height:10px;border-radius:50%;background:transparent}
.rbn-manage-insurance-option.is-selected .rbn-manage-insurance-radio{border-color:#171717}
.rbn-manage-insurance-option.is-selected .rbn-manage-insurance-radio>span{background:#171717}
.rbn-manage-insurance-title{
display:grid;
gap:4px;
min-width:0;
}
.rbn-manage-insurance-title strong{color:#202224;font-size:15px;line-height:1.25}
.rbn-manage-insurance-title small{color:#74777b;font-size:10px;line-height:1.4}
.rbn-manage-insurance-toggle{
appearance:none;
-webkit-appearance:none;
display:inline-flex;
align-items:center;
gap:6px;
flex:0 0 auto;
padding:7px 8px;
border:0;
border-radius:7px;
background:transparent;
color:#36393c;
font-size:10px;
font-weight:800;
cursor:pointer;
}
.rbn-manage-insurance-toggle:hover{background:transparent}
.rbn-manage-insurance-toggle:focus-visible{background:#eee;outline:0}
.rbn-manage-insurance-toggle svg{width:16px;height:16px;fill:currentColor;transition:transform .18s ease}
.rbn-manage-insurance-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.rbn-manage-insurance-details{border-top:1px solid #e7e8e9;background:#fff}
.rbn-manage-insurance-details[hidden]{display:none!important}
.rbn-manage-insurance-profile{padding:18px 20px 20px}
.rbn-manage-insurance-profile>div{
display:flex;
align-items:center;
justify-content:space-between;
gap:15px;
margin-bottom:14px;
}
.rbn-manage-insurance-profile>div>strong{color:#55595d;font-size:11px}
.rbn-manage-insurance-stars{display:flex;gap:2px;color:#d1d3d5;font-size:14px}
.rbn-manage-insurance-stars .is-active{color:var(--rbn-primary)}
.rbn-manage-insurance-profile ul{
display:grid;
grid-template-columns:1fr;
gap:9px 22px;
margin:0;
padding:0;
list-style:none;
}
.rbn-manage-insurance-profile li{
display:flex;
align-items:flex-start;
gap:8px;
color:#45494d;
font-size:10px;
line-height:1.45;
}
.rbn-manage-insurance-profile li>span{
display:grid;
place-items:center;
width:17px;
height:17px;
flex:0 0 17px;
border-radius:50%;
background:#e2f4e8;
color:#16723b;
font-size:10px;
font-weight:900;
}
.rbn-manage-insurance-profile li.is-excluded{color:#9a4037;text-decoration:none}
.rbn-manage-insurance-profile li.is-excluded>span{background:#f2e5e3;color:#9a4037;text-decoration:none}
.rbn-manage-equipment-list{display:grid;gap:9px}
.rbn-manage-equipment{
display:block;
padding:0;
overflow:hidden;
border:1px solid #e0e1e2;
border-radius:11px;
background:#fff;
box-shadow:none;
}
.rbn-manage-equipment.is-selected{
border-color:var(--rbn-primary);
background:#fff;
box-shadow:0 0 0 1px var(--rbn-primary);
}
.rbn-manage-equipment-main{
display:flex;
align-items:center;
gap:13px;
min-height:70px;
padding:12px 14px;
}
.rbn-manage-equipment-icon{
display:grid;
place-items:center;
width:30px;
height:30px;
flex:0 0 30px;
color:#292c2f;
}
.rbn-manage-equipment-icon svg,
.rbn-manage-equipment-icon img{display:block;width:100%;height:100%;object-fit:contain;fill:currentColor}
.rbn-manage-equipment-copy{
display:grid;
gap:4px;
min-width:0;
flex:1 1 auto;
}
.rbn-manage-equipment-copy strong{color:#24272a;font-size:14px;line-height:1.3}
.rbn-manage-equipment-copy small{color:#767a7e;font-size:10px;line-height:1.35}
.rbn-manage-equipment-actions{display:flex;align-items:center;gap:13px;flex:0 0 auto}
.rbn-manage-equipment-details-trigger{
padding:0;
border:0;
border-bottom:1px solid currentColor;
background:transparent;
color:#3f4245;
font-size:10px;
font-weight:700;
cursor:pointer;
}
.rbn-manage-equipment-input{
position:absolute;
width:1px;
height:1px;
overflow:hidden;
clip:rect(0 0 0 0);
clip-path:inset(50%);
}
.rbn-manage-equipment-switch{
position:relative;
display:block;
width:56px;
height:30px;
flex:0 0 56px;
padding:0;
border:0;
border-radius:999px;
background:#d5d7da;
cursor:pointer;
transition:background .16s ease;
}
.rbn-manage-equipment-switch>span{
position:absolute;
top:3px;
left:3px;
width:24px;
height:24px;
border-radius:50%;
background:#fff;
box-shadow:0 2px 6px rgba(0,0,0,.2);
transition:transform .16s ease;
}
.rbn-manage-equipment-switch.is-on{background:var(--rbn-primary)}
.rbn-manage-equipment-switch.is-on>span{transform:translateX(26px)}
.rbn-manage-equipment-switch:focus-visible{outline:3px solid rgba(23,23,23,.18);outline-offset:2px}
.rbn-manage-equipment-description{padding:0 58px 15px;border-top:1px solid #ededee;background:#fafafa}
.rbn-manage-equipment-description[hidden]{display:none!important}
.rbn-manage-equipment-description p{margin:13px 0 0;color:#62666a;font-size:10px;line-height:1.55}
.rbn-manage-final-action{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);
align-items:center;
gap:18px;
margin-top:4px;
padding:21px 23px;
border:1px solid #d9dbdd;
border-radius:14px;
background:#fff;
}
.rbn-manage-final-action p{margin:0;color:#65696d;font-size:10px;line-height:1.55}
.rbn-manage-final-action .rbn-manage-primary-button{min-height:54px}
.rbn-manage-cancel-zone{
display:flex;
align-items:center;
justify-content:space-between;
gap:22px;
margin:0 0 16px;
padding:18px 22px;
border:1px solid #e1e2e3;
border-radius:14px;
background:#fff;
}
.rbn-manage-cancel-zone>div{min-width:0}
.rbn-manage-cancel-zone strong{
display:block;
color:#292c2f;
font-size:13px;
font-weight:800;
line-height:1.35;
}
.rbn-manage-cancel-zone p{
margin:4px 0 0;
color:#777b7f;
font-size:10px;
line-height:1.5;
}
.rbn-manage-cancel-button{
appearance:none;
-webkit-appearance:none;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:46px;
flex:0 0 auto;
padding:0 17px;
border:1px solid #c3443a;
border-radius:10px;
background:#fff;
color:#a52e26;
font-size:11px;
font-weight:800;
cursor:pointer;
transition:background .16s ease,border-color .16s ease,color .16s ease;
}
.rbn-manage-cancel-button svg{width:16px;height:16px;fill:currentColor}
.rbn-manage-cancel-button:hover,
.rbn-manage-cancel-button:focus-visible{border-color:#a52e26;background:#a52e26;color:#fff;outline:0}
body.rbn-manage-cancel-open{overflow:hidden}
.rbn-manage-cancel-modal{
position:fixed;
z-index:100000;
inset:0;
display:grid;
place-items:center;
padding:22px;
}
.rbn-manage-cancel-modal[hidden]{display:none!important}
.rbn-manage-cancel-backdrop{
position:absolute;
inset:0;
background:rgba(15,17,19,.64);
backdrop-filter:blur(3px);
}
.rbn-manage-cancel-dialog{
position:relative;
z-index:1;
width:100%;
max-width:520px;
max-height:calc(100vh - 44px);
padding:32px;
overflow:auto;
border:1px solid rgba(255,255,255,.4);
border-radius:18px;
background:#fff;
box-shadow:0 30px 80px rgba(0,0,0,.28);
outline:0;
}
.rbn-manage-cancel-close{
appearance:none;
-webkit-appearance:none;
position:absolute;
top:13px;
right:13px;
display:grid;
place-items:center;
width:35px;
height:35px;
padding:0;
border:0;
border-radius:50%;
background:#f1f2f3;
color:#4c5054;
font-size:23px;
line-height:1;
cursor:pointer;
}
.rbn-manage-cancel-close:hover,
.rbn-manage-cancel-close:focus-visible{background:#e4e5e6;color:#171717;outline:0}
.rbn-manage-cancel-icon{
display:grid;
place-items:center;
width:50px;
height:50px;
margin-bottom:18px;
border-radius:50%;
background:#fbe9e7;
color:#ad3329;
}
.rbn-manage-cancel-icon svg{width:27px;height:27px;fill:currentColor}
.rbn-manage-cancel-kicker{
display:block;
margin-bottom:5px;
color:#9d332b;
font-size:10px;
font-weight:900;
letter-spacing:.07em;
text-transform:uppercase;
}
.rbn-manage-cancel-dialog h3{
margin:0;
color:#171717;
font-size:28px;
font-weight:900;
line-height:1.12;
letter-spacing:-.7px;
}
.rbn-manage-cancel-dialog>p{
margin:12px 0 0;
color:#62666a;
font-size:12px;
line-height:1.65;
}
.rbn-manage-cancel-warning{
display:flex;
align-items:flex-start;
gap:10px;
margin-top:20px;
padding:13px 14px;
border:1px solid #efd0cc;
border-radius:11px;
background:#fff7f6;
color:#81342e;
}
.rbn-manage-cancel-warning>span{
display:grid;
place-items:center;
width:19px;
height:19px;
flex:0 0 19px;
border-radius:50%;
background:#ad3a31;
color:#fff;
font-size:11px;
font-weight:900;
}
.rbn-manage-cancel-warning p{margin:0;font-size:10px;line-height:1.55}
.rbn-manage-cancel-consent{
display:flex;
align-items:flex-start;
gap:11px;
margin-top:20px;
color:#303336;
font-size:11px;
line-height:1.5;
cursor:pointer;
}
.rbn-manage-cancel-consent input{
position:absolute;
width:1px;
height:1px;
overflow:hidden;
clip:rect(0 0 0 0);
clip-path:inset(50%);
}
.rbn-manage-cancel-consent>span{
display:grid;
place-items:center;
width:22px;
height:22px;
flex:0 0 22px;
border:1px solid #b9bcbe;
border-radius:6px;
background:#fff;
color:#fff;
}
.rbn-manage-cancel-consent>span svg{width:16px;height:16px;fill:currentColor;opacity:0}
.rbn-manage-cancel-consent input:checked+span{border-color:#ad3329;background:#ad3329}
.rbn-manage-cancel-consent input:checked+span svg{opacity:1}
.rbn-manage-cancel-consent input:focus-visible+span{outline:3px solid rgba(173,51,41,.18);outline-offset:2px}
.rbn-manage-cancel-consent strong{padding-top:2px;font-weight:800}
.rbn-manage-cancel-feedback{
margin-top:15px;
padding:11px 13px;
border:1px solid #edc8c4;
border-radius:9px;
background:#fff2f0;
color:#94352c;
font-size:10px;
font-weight:700;
line-height:1.5;
}
.rbn-manage-cancel-feedback[hidden]{display:none!important}
.rbn-manage-cancel-actions{
display:grid;
grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
gap:10px;
margin-top:23px;
}
.rbn-manage-cancel-keep,
.rbn-manage-cancel-confirm{
appearance:none;
-webkit-appearance:none;
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
min-height:51px;
padding:0 16px;
border-radius:10px;
font-size:11px;
font-weight:800;
cursor:pointer;
}
.rbn-manage-cancel-keep{border:1px solid #d1d3d5;background:#fff;color:#34373a}
.rbn-manage-cancel-keep:hover,
.rbn-manage-cancel-keep:focus-visible{border-color:#171717;background:#f3f3f3;outline:0}
.rbn-manage-cancel-confirm{border:1px solid #ad3329;background:#ad3329;color:#fff}
.rbn-manage-cancel-confirm:hover,
.rbn-manage-cancel-confirm:focus-visible{border-color:#86251e;background:#86251e;outline:0}
.rbn-manage-cancel-confirm:disabled{opacity:.48;cursor:not-allowed}
.rbn-manage-cancel-confirm.is-loading{opacity:.75;cursor:wait}
.rbn-manage-cancel-confirm.is-loading .rbn-manage-spinner{display:block}
.rbn-manage-cancellation-success .rbn-manage-success-icon{background:#fbe9e7;color:#ad3329}
.rbn-manage-cancellation-success .rbn-manage-success-summary>div{background:#fff9f8}
.rbn-confirmation-is-cancelled .rbn-confirmation-icon{background:#fbe9e7;color:#ad3329}
@media(max-width:760px){
.rbn-manage-shell{max-width:680px}
.rbn-manage-editor-head{flex-direction:row;align-items:flex-end}
.rbn-manage-current-total{text-align:right}
.rbn-manage-vehicle-card{grid-template-columns:minmax(190px,.82fr) minmax(0,1.18fr)}
.rbn-manage-vehicle-copy{padding:17px 21px}
.rbn-manage-vehicle-copy h3{font-size:20px}
.rbn-manage-date-row{grid-template-columns:1fr}
.rbn-manage-calendar-months{grid-template-columns:1fr}
.rbn-manage-calendar-month:nth-child(2){display:none}
.rbn-manage-calendar-popover{right:14px;left:14px;padding:20px 15px 23px}
.rbn-manage-insurance-profile ul{grid-template-columns:1fr}
.rbn-manage-final-action{grid-template-columns:1fr}
.rbn-manage-cancel-zone{align-items:flex-start;flex-direction:column}
.rbn-manage-cancel-button{width:100%}
}
@media(max-width:560px){
.rbn-manage-editor-head{align-items:flex-start;flex-direction:column}
.rbn-manage-current-total{text-align:left}
.rbn-manage-vehicle-card{grid-template-columns:minmax(110px,.76fr) minmax(0,1.24fr)}
.rbn-manage-vehicle-visual{height:190px;min-height:0;padding:10px}
.rbn-manage-vehicle-visual img{max-height:125px}
.rbn-manage-vehicle-copy{padding:14px 12px}
.rbn-manage-vehicle-copy>small{font-size:8px}
.rbn-manage-vehicle-copy h3{font-size:17px;letter-spacing:-.35px}
.rbn-manage-vehicle-copy p{font-size:9px}
.rbn-manage-vehicle-lock{gap:5px;margin-top:9px;padding:5px 7px;border-radius:10px;font-size:8px;line-height:1.25}
.rbn-manage-vehicle-lock svg{width:12px;height:12px;flex:0 0 12px}
.rbn-manage-fieldset{padding:21px 15px}
.rbn-manage-fieldset legend{font-size:15px}
.rbn-manage-section-number{width:23px;height:23px;flex-basis:23px}
.rbn-manage-availability-box{grid-template-columns:1fr}
.rbn-manage-availability-button{width:100%}
.rbn-manage-availability-result{grid-column:1}
.rbn-manage-calendar-popover{right:7px;left:7px;padding-right:9px;padding-left:9px}
.rbn-manage-calendar-popover .rbn-calendar-navigation{grid-template-columns:30px minmax(0,1fr) 30px;gap:5px}
.rbn-manage-calendar-popover .rbn-calendar-navigation>[data-rbn-manage-calendar-prev],
.rbn-manage-calendar-popover .rbn-calendar-navigation>[data-rbn-manage-calendar-next]{width:30px;height:30px}
.rbn-manage-calendar-popover .rbn-calendar-day{width:33px;height:33px}
.rbn-manage-calendar-popover .rbn-calendar-day.is-range{width:100%}
.rbn-manage-insurance-head{align-items:flex-start;flex-direction:column}
.rbn-manage-insurance-toggle{margin-left:33px}
.rbn-manage-insurance-profile>div{align-items:flex-start;flex-direction:column}
.rbn-manage-equipment-main{align-items:flex-start;flex-wrap:wrap}
.rbn-manage-equipment-copy{padding-top:4px}
.rbn-manage-equipment-actions{width:100%;justify-content:flex-end;padding-left:43px}
.rbn-manage-equipment-description{padding-right:15px;padding-left:15px}
.rbn-manage-final-action{padding:18px 15px}
.rbn-manage-cancel-zone{padding:17px 15px}
.rbn-manage-cancel-modal{padding:12px}
.rbn-manage-cancel-dialog{max-height:calc(100vh - 24px);padding:26px 19px 20px;border-radius:15px}
.rbn-manage-cancel-dialog h3{padding-right:25px;font-size:24px}
.rbn-manage-cancel-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
.rbn-manage-insurance-option,
.rbn-manage-insurance-toggle svg,
.rbn-manage-equipment-switch,
.rbn-manage-equipment-switch>span,
.rbn-manage-cancel-button{transition:none}
}
/* Reservation confirmation redesign v0.5.75 */
.rbn-confirmation{
padding:54px 20px 72px;
background:#f4f5f6;
color:#171717;
}
.rbn-confirmation-inner{
display:block;
width:100%;
max-width:960px;
text-align:left;
}
.rbn-confirmation-hero{
max-width:720px;
margin:0 auto;
text-align:center;
}
.rbn-confirmation-icon{
width:64px;
height:64px;
margin:0 auto;
border:7px solid rgba(255,186,0,.17);
background:#ffba00;
color:#171717;
box-shadow:0 9px 26px rgba(124,91,0,.16);
}
.rbn-confirmation-icon svg{width:31px;height:31px}
.rbn-confirmation-kicker{
display:block;
margin-top:18px;
color:#72767a;
font-size:10px;
font-weight:900;
letter-spacing:.1em;
}
.rbn-confirmation h1{
margin:7px 0 0;
font-size:42px;
line-height:1.05;
letter-spacing:-1.6px;
}
.rbn-confirmation-hero>p{
max-width:650px;
margin:13px auto 0;
color:#5f6367;
font-size:13px;
line-height:1.65;
}
.rbn-confirmation-email{
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
max-width:100%;
margin-top:15px;
padding:8px 12px;
border:1px solid #dedfe0;
border-radius:999px;
background:#fff;
color:#5f6367;
font-size:13px;
font-weight:500;
line-height:1.65;
overflow-wrap:anywhere;
}
.rbn-confirmation-email svg{width:15px;height:15px;flex:0 0 15px;fill:currentColor}
.rbn-confirmation-panel{
width:100%;
margin-top:32px;
overflow:hidden;
border:1px solid #dfe1e2;
border-radius:18px;
background:#fff;
box-shadow:0 16px 45px rgba(23,23,23,.07);
}
.rbn-confirmation-panel-head{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:center;
gap:20px;
min-height:104px;
padding:22px 28px;
background:#181a1c;
color:#fff;
}
.rbn-confirmation-reference,
.rbn-confirmation-total{display:grid;gap:5px;min-width:0}
.rbn-confirmation-reference>span,
.rbn-confirmation-total>span{
color:#aeb1b4;
font-size:9px;
font-weight:800;
letter-spacing:.07em;
text-transform:uppercase;
}
.rbn-confirmation-reference>strong{
color:#fff;
font-size:23px;
font-weight:900;
line-height:1.1;
letter-spacing:-.35px;
overflow-wrap:anywhere;
}
.rbn-confirmation-total{text-align:right}
.rbn-confirmation-total>strong{
color:#ffba00;
font-size:24px;
font-weight:900;
line-height:1.1;
letter-spacing:-.35px;
}
.rbn-confirmation-total.is-date>strong{color:#fff;font-size:14px;letter-spacing:0}
.rbn-confirmation-state i{display:block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#ffba00}
.rbn-confirmation-details{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:11px;
padding:22px;
}
.rbn-confirmation-detail{
display:flex;
align-items:center;
gap:12px;
min-width:0;
min-height:88px;
padding:15px;
border:1px solid #e8e9ea;
border-radius:12px;
background:#f8f8f8;
}
.rbn-confirmation-detail.is-wide{grid-column:span 2}
.rbn-confirmation-detail-icon{
display:grid;
place-items:center;
width:38px;
height:38px;
flex:0 0 38px;
border-radius:10px;
background:#fff;
color:#303336;
box-shadow:0 2px 8px rgba(0,0,0,.05);
}
.rbn-confirmation-detail-icon svg{
display:block;
width:20px;
height:20px;
flex:0 0 auto;
overflow:visible;
fill:currentColor;
pointer-events:none;
shape-rendering:geometricPrecision;
}
.rbn-confirmation-detail-icon svg.rbn-stroke-icon{fill:none}
.rbn-confirmation-detail-icon svg.rbn-confirmation-calendar-icon{width:22px;height:22px}
.rbn-confirmation-detail-icon svg.rbn-confirmation-calendar-icon path{stroke-linejoin:round}
.rbn-confirmation-detail-icon svg.rbn-confirmation-insurance-icon{width:21px;height:21px}
.rbn-confirmation-detail>div{display:grid;gap:4px;min-width:0}
.rbn-confirmation-detail small{
color:#85898d;
font-size:10px;
font-weight:600;
line-height:1.35;
letter-spacing:.035em;
text-transform:uppercase;
}
.rbn-confirmation-detail strong{
color:#24272a;
font-size:13px;
font-weight:800;
line-height:1.45;
overflow-wrap:anywhere;
}
.rbn-confirmation-route{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
}
.rbn-confirmation-route>i{color:#a3a6a9;font-size:13px;font-style:normal}
.rbn-confirmation-state{display:inline-flex!important;align-items:center;gap:7px}
.rbn-confirmation-state i{flex:0 0 7px;background:#279052}
.rbn-confirmation-services{
padding:22px 24px 25px;
border-top:1px solid #e5e6e7;
background:#fff;
}
.rbn-confirmation-services-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
margin-bottom:13px;
}
.rbn-confirmation-services-head>div{display:grid;gap:3px}
.rbn-confirmation-services-head span{color:#25282b;font-size:14px;font-weight:800}
.rbn-confirmation-services-head small{color:#83878b;font-size:10px;line-height:1.4}
.rbn-confirmation-services-head>strong{
display:grid;
place-items:center;
width:27px;
height:27px;
flex:0 0 27px;
border-radius:50%;
background:#ffba00;
color:#171717;
font-size:10px;
font-weight:900;
}
.rbn-confirmation-services ul{
margin:0;
padding:0;
overflow:hidden;
border:1px solid #e4e5e6;
border-radius:11px;
list-style:none;
}
.rbn-confirmation-services li{
display:grid;
grid-template-columns:22px minmax(0,1fr) auto;
align-items:center;
gap:10px;
min-height:49px;
padding:9px 13px;
background:#fafafa;
color:#404448;
font-size:11px;
line-height:1.45;
}
.rbn-confirmation-services li+li{border-top:1px solid #e7e8e9}
.rbn-confirmation-services li>strong{color:#24272a;font-size:11px;font-weight:800;white-space:nowrap}
.rbn-confirmation-service-check{
display:grid;
place-items:center;
width:20px;
height:20px;
border-radius:50%;
background:#ffba00;
color:#171717;
}
.rbn-confirmation-service-check svg{width:13px;height:13px;fill:currentColor}
.rbn-confirmation-footer{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
gap:20px;
margin-top:20px;
}
.rbn-confirmation-support{
display:flex;
align-items:center;
gap:11px;
min-width:0;
color:#666a6e;
}
.rbn-confirmation-support>span{
display:grid;
place-items:center;
width:29px;
height:29px;
flex:0 0 29px;
border:1px solid #cfd1d3;
border-radius:50%;
background:#fff;
color:#45494d;
font-size:12px;
font-weight:900;
}
.rbn-confirmation-support>div{display:grid;gap:2px}
.rbn-confirmation-support strong{color:#303336;font-size:11px;font-weight:900}
.rbn-confirmation-support p{margin:0;color:#74787c;font-size:9px;line-height:1.5}
.rbn-confirmation-actions{
display:flex;
align-items:center;
justify-content:flex-end;
flex-wrap:wrap;
gap:9px;
margin:0;
}
.rbn-confirmation-home,
.rbn-confirmation-pdf{
gap:8px;
min-height:51px;
padding:0 18px;
border:1px solid transparent;
border-radius:10px;
font-size:11px;
font-weight:800;
transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.rbn-confirmation-home{border-color:#171717;background:#171717;color:#fff}
.rbn-confirmation-pdf{border-color:#ffba00;background:#ffba00;color:#171717}
.rbn-confirmation-home svg,
.rbn-confirmation-pdf svg{width:17px;height:17px;fill:currentColor}
.rbn-confirmation-home:hover,
.rbn-confirmation-home:focus-visible{border-color:#ffba00;background:#ffba00;color:#171717;outline:0;transform:translateY(-1px)}
.rbn-confirmation-pdf:hover,
.rbn-confirmation-pdf:focus-visible{border-color:#171717;background:#171717;color:#fff;outline:0;transform:translateY(-1px)}
.rbn-confirmation-is-cancelled .rbn-confirmation-icon{
border-color:rgba(173,51,41,.12);
background:#fbe9e7;
color:#ad3329;
box-shadow:0 9px 26px rgba(128,36,29,.1);
}
.rbn-confirmation-panel.is-cancelled .rbn-confirmation-detail-icon{color:#8e3a33}
@media(max-width:800px){
.rbn-confirmation-panel-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px}
.rbn-confirmation-details{grid-template-columns:repeat(2,minmax(0,1fr))}
.rbn-confirmation-detail.is-wide{grid-column:span 2}
.rbn-confirmation-footer{grid-template-columns:1fr}
.rbn-confirmation-actions{justify-content:flex-start}
}
@media(max-width:620px){
.rbn-confirmation{padding:42px 14px 56px}
.rbn-confirmation h1{font-size:33px;letter-spacing:-1px}
.rbn-confirmation-hero>p{font-size:12px}
.rbn-confirmation-email{align-items:flex-start;flex-wrap:wrap;border-radius:12px}
.rbn-confirmation-panel{margin-top:26px;border-radius:14px}
.rbn-confirmation-panel-head{grid-template-columns:1fr;min-height:0;padding:20px}
.rbn-confirmation-total{text-align:left}
.rbn-confirmation-details{grid-template-columns:1fr;padding:14px}
.rbn-confirmation-detail,
.rbn-confirmation-detail.is-wide{grid-column:span 1;min-height:76px;padding:13px}
.rbn-confirmation-route{display:grid;grid-template-columns:1fr;gap:3px}
.rbn-confirmation-route>i{transform:rotate(90deg);transform-origin:center;justify-self:start}
.rbn-confirmation-services{padding:18px 14px 20px}
.rbn-confirmation-services li{grid-template-columns:22px minmax(0,1fr)}
.rbn-confirmation-services li>strong{grid-column:2;white-space:normal}
.rbn-confirmation-actions{display:grid;grid-template-columns:1fr;width:100%}
.rbn-confirmation-home,
.rbn-confirmation-pdf{width:100%}
}
@media(prefers-reduced-motion:reduce){
.rbn-confirmation-home,
.rbn-confirmation-pdf{transition:none}
}
/* v0.6.0 — customer account, saved profile and reservation history */
.rbn-customer-account-page,
.rbn-customer-account-page .rbn-site-main,
.rbn-account-page{
background:#fff;
}
.rbn-account-page{
min-height:0;
padding:50px 0;
color:#171717;
}
.rbn-account-page [hidden]{display:none!important}
.rbn-account-container{
max-width:1180px;
}
.rbn-account-auth-shell{
display:grid;
grid-template-columns:minmax(310px,.82fr) minmax(420px,1.18fr);
width:min(100%,1000px);
min-height:570px;
margin:0 auto;
overflow:hidden;
border:1px solid #dedfe1;
border-radius:18px;
background:#fff;
box-shadow:0 22px 60px rgba(0,0,0,.09);
}
.rbn-account-auth-shell.is-reset{min-height:430px}
.rbn-account-auth-aside{
position:relative;
display:flex;
min-width:0;
flex-direction:column;
justify-content:center;
padding:48px 42px;
overflow:hidden;
background:#151718;
color:#fff;
}
.rbn-account-auth-aside:before,
.rbn-account-auth-aside:after{
position:absolute;
border:1px solid rgba(255,255,255,.1);
border-radius:50%;
content:"";
pointer-events:none;
}
.rbn-account-auth-aside:before{right:-145px;bottom:-190px;width:390px;height:390px}
.rbn-account-auth-aside:after{right:-55px;bottom:-100px;width:230px;height:230px;background:rgba(255,186,0,.07)}
.rbn-account-auth-icon{
position:relative;
z-index:1;
display:grid;
place-items:center;
width:58px;
height:58px;
margin-bottom:25px;
border-radius:14px;
background:#ffba00;
color:#171717;
}
.rbn-account-auth-icon svg{width:29px;height:29px;fill:currentColor}
.rbn-account-auth-aside h2{
position:relative;
z-index:1;
margin:0;
color:#fff;
font-size:28px;
font-weight:800;
letter-spacing:-.7px;
line-height:1.08;
text-transform:uppercase;
}
.rbn-account-auth-aside p{
position:relative;
z-index:1;
margin:15px 0 0;
color:#b7babd;
font-size:12px;
line-height:1.7;
}
.rbn-account-auth-aside ul{
position:relative;
z-index:1;
display:grid;
gap:14px;
margin:28px 0 0;
padding:0;
list-style:none;
}
.rbn-account-auth-aside li{
display:flex;
align-items:flex-start;
gap:10px;
color:#e4e5e6;
font-size:12px;
font-weight:600;
line-height:1.5;
}
.rbn-account-auth-aside li>span{
display:grid;
place-items:center;
width:19px;
height:19px;
flex:0 0 19px;
border-radius:50%;
background:#ffba00;
color:#171717;
font-size:11px;
font-weight:800;
}
.rbn-account-auth-card{
min-width:0;
padding:39px 44px 44px;
background:#fff;
}
.rbn-account-auth-tabs{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:4px;
margin-bottom:31px;
padding:4px;
border-radius:11px;
background:#f0f1f2;
}
.rbn-account-auth-tabs button{
min-height:44px;
padding:0 15px;
border:0;
border-radius:8px;
background:transparent;
color:#676b6f;
font-size:12px;
font-weight:800;
cursor:pointer;
}
.rbn-account-auth-tabs button:hover,
.rbn-account-auth-tabs button:focus-visible{color:#171717;outline:0}
.rbn-account-auth-tabs button.is-active{background:#fff;color:#171717;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.rbn-account-form,
.rbn-account-profile-form,
.rbn-account-security-form{
display:grid;
gap:18px;
}
.rbn-account-form-head{margin-bottom:3px}
.rbn-account-form-head h2{
margin:0;
color:#171717;
font-size:25px;
font-weight:800;
letter-spacing:-.65px;
line-height:1.1;
}
.rbn-account-form-head p{
margin:8px 0 0;
color:#73777b;
font-size:12px;
line-height:1.55;
}
.rbn-account-fields-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
}
.rbn-account-field{
display:grid;
gap:7px;
min-width:0;
margin:0;
}
.rbn-account-field.is-full{grid-column:1/-1}
.rbn-account-field>span{
color:#242628;
font-size:11px;
font-weight:800;
}
.rbn-account-field>span small{color:#7b7f83;font-size:10px;font-weight:600}
.rbn-account-field>small{margin-top:-1px;color:#7b7f83;font-size:9px;line-height:1.45}
.rbn-account-field input,
.rbn-account-field select{
display:block;
width:100%;
min-width:0;
height:54px;
margin:0;
padding:0 15px;
border:1px solid #d1d3d5;
border-radius:11px;
outline:0;
background:#fff;
color:#171717;
box-shadow:none;
font-size:13px;
font-weight:600;
transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.rbn-account-field select{
appearance:none;
-webkit-appearance:none;
padding-right:42px;
background-image:linear-gradient(45deg,transparent 50%,#666 50%),linear-gradient(135deg,#666 50%,transparent 50%);
background-position:calc(100% - 20px) 24px,calc(100% - 14px) 24px;
background-repeat:no-repeat;
background-size:6px 6px,6px 6px;
}
.rbn-account-field input::placeholder{color:#a1a4a7;opacity:1}
.rbn-account-field input:hover,
.rbn-account-field select:hover{border-color:#a6a9ac}
.rbn-account-field input:focus,
.rbn-account-field select:focus{border-color:#171717;box-shadow:0 0 0 3px rgba(23,23,23,.07)}
.rbn-account-login-options{
display:flex;
align-items:center;
justify-content:space-between;
gap:15px;
margin-top:-4px;
}
.rbn-account-login-options label,
.rbn-account-consent{
display:flex;
align-items:flex-start;
gap:8px;
color:#5f6367;
font-size:10px;
line-height:1.45;
cursor:pointer;
}
.rbn-account-login-options input,
.rbn-account-consent input{width:16px;height:16px;flex:0 0 16px;margin:0;accent-color:#ffba00}
.rbn-account-login-options button,
.rbn-account-text-back{
padding:0;
border:0;
background:transparent;
color:#303336;
font-size:10px;
font-weight:800;
text-decoration:underline;
text-underline-offset:3px;
cursor:pointer;
}
.rbn-account-text-back{justify-self:start;margin-bottom:3px;text-decoration:none}
.rbn-account-login-options button:hover,
.rbn-account-login-options button:focus-visible,
.rbn-account-text-back:hover,
.rbn-account-text-back:focus-visible{color:#000;outline:0}
.rbn-account-primary-button,
.rbn-account-secondary-button{
appearance:none;
-webkit-appearance:none;
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
min-height:54px;
padding:0 21px;
border-radius:11px;
font-size:12px;
font-weight:800;
line-height:1.2;
text-align:center;
cursor:pointer;
transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,opacity .16s ease;
}
.rbn-account-primary-button{width:100%;border:1px solid #ffba00;background:#ffba00;color:#171717}
.rbn-account-secondary-button{border:1px solid #171717;background:#171717;color:#fff}
.rbn-account-primary-button:hover,
.rbn-account-primary-button:focus-visible{border-color:#171717;background:#171717;color:#fff;outline:0;transform:translateY(-1px)}
.rbn-account-secondary-button:hover,
.rbn-account-secondary-button:focus-visible{border-color:#ffba00;background:#ffba00;color:#171717;outline:0}
.rbn-account-primary-button:disabled,
.rbn-account-secondary-button:disabled{opacity:.55;cursor:not-allowed;transform:none}
.rbn-account-spinner{
display:none;
width:16px;
height:16px;
flex:0 0 16px;
border:2px solid rgba(23,23,23,.25);
border-top-color:#171717;
border-radius:50%;
animation:rbn-spin .7s linear infinite;
}
.is-loading .rbn-account-spinner{display:block}
.rbn-account-secondary-button .rbn-account-spinner{border-color:rgba(255,255,255,.35);border-top-color:#fff}
.rbn-account-form-feedback{
display:none;
padding:11px 13px;
border:1px solid transparent;
border-radius:9px;
font-size:10px;
font-weight:700;
line-height:1.5;
}
.rbn-account-form-feedback.is-visible{display:block}
.rbn-account-form-feedback.is-success{border-color:#c9e5d4;background:#edf8f1;color:#23633b}
.rbn-account-form-feedback.is-error{border-color:#f0cbc7;background:#fff0ee;color:#8e2f26}
.rbn-account-form-feedback.is-info{border-color:#d9dde0;background:#f2f3f4;color:#52565a}
.rbn-account-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.rbn-account-page-notice{
width:min(100%,1000px);
margin:0 auto 20px;
padding:13px 16px;
border:1px solid #c9e5d4;
border-radius:10px;
background:#edf8f1;
color:#23633b;
font-size:11px;
font-weight:700;
line-height:1.5;
}
.rbn-account-page-notice.is-error{border-color:#f0cbc7;background:#fff0ee;color:#8e2f26}
/* Authenticated customer dashboard */
.rbn-account-verification-warning{
display:grid;
grid-template-columns:42px minmax(0,1fr) auto;
align-items:center;
gap:15px;
margin-bottom:20px;
padding:15px 17px;
border:1px solid #efd395;
border-radius:12px;
background:#fff8e5;
}
.rbn-account-verification-warning>span{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#ffba00;color:#171717}
.rbn-account-verification-warning>span svg{width:21px;height:21px;fill:currentColor}
.rbn-account-verification-warning strong{display:block;color:#4f3b08;font-size:12px;font-weight:800}
.rbn-account-verification-warning p{margin:3px 0 0;color:#725c26;font-size:10px;line-height:1.5}
.rbn-account-verification-warning form{display:flex;align-items:center;gap:9px}
.rbn-account-verification-warning form button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 13px;border:1px solid #171717;border-radius:9px;background:#171717;color:#fff;font-size:10px;font-weight:800;cursor:pointer}
.rbn-account-verification-warning form [data-rbn-account-feedback]{font-size:9px}
.rbn-account-dashboard{
display:grid;
grid-template-columns:250px minmax(0,1fr);
gap:22px;
align-items:start;
}
.rbn-account-sidebar{
position:sticky;
top:22px;
overflow:hidden;
border:1px solid #dedfe1;
border-radius:14px;
background:#fff;
}
.rbn-account-user-summary{
display:flex;
align-items:center;
gap:12px;
min-width:0;
padding:18px;
border-bottom:1px solid #e4e5e6;
background:#f7f7f7;
}
.rbn-account-user-summary>span{
display:grid;
place-items:center;
width:42px;
height:42px;
flex:0 0 42px;
border-radius:50%;
background:#171717;
color:#ffba00;
font-size:12px;
font-weight:800;
}
.rbn-account-user-summary>div{display:grid;gap:3px;min-width:0}
.rbn-account-user-summary strong{overflow:hidden;color:#242628;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.rbn-account-user-summary small{overflow:hidden;color:#777b7f;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.rbn-account-sidebar nav{display:grid;padding:8px}
.rbn-account-sidebar nav button,
.rbn-account-sidebar nav>a{
display:grid;
grid-template-columns:19px minmax(0,1fr) auto;
align-items:center;
gap:10px;
min-height:46px;
padding:0 11px;
border:0;
border-radius:9px;
background:transparent;
color:#565a5e;
text-align:left;
cursor:pointer;
}
.rbn-account-sidebar nav button svg,
.rbn-account-sidebar nav>a svg{width:18px;height:18px;fill:currentColor}
.rbn-account-sidebar nav button span,
.rbn-account-sidebar nav>a span{font-size:11px;font-weight:600}
.rbn-account-sidebar nav button i{display:grid;place-items:center;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:#e8e9ea;color:#505458;font-size:8px;font-style:normal;font-weight:800}
.rbn-account-sidebar nav button:hover,
.rbn-account-sidebar nav button:focus-visible,
.rbn-account-sidebar nav>a:hover,
.rbn-account-sidebar nav>a:focus-visible{background:#f3f3f3;color:#171717;outline:0}
.rbn-account-sidebar nav button.is-active{background:#171717;color:#fff}
.rbn-account-sidebar nav button.is-active i{background:#ffba00;color:#171717}
.rbn-account-sidebar nav>.rbn-account-sidebar-logout{
grid-template-columns:19px minmax(0,1fr);
margin-top:5px;
border-top:1px solid #e5e6e7;
border-radius:0 0 9px 9px;
color:#91372f;
}
.rbn-account-sidebar nav>.rbn-account-sidebar-logout:hover,
.rbn-account-sidebar nav>.rbn-account-sidebar-logout:focus-visible{background:#fff0ee;color:#812e27}
.rbn-account-content{
min-width:0;
min-height:520px;
padding:28px;
border:1px solid #dedfe1;
border-radius:14px;
background:#fff;
}
.rbn-account-panel-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:20px;
margin-bottom:24px;
padding-bottom:20px;
border-bottom:1px solid #e6e7e8;
}
.rbn-account-panel-head>div>span{display:block;color:#818589;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.rbn-account-panel-head h2{margin:5px 0 0;color:#171717;font-size:27px;font-weight:800;letter-spacing:-.7px;line-height:1.08}
.rbn-account-panel-head p{max-width:570px;margin:8px 0 0;color:#717579;font-size:10px;line-height:1.55}
.rbn-account-panel-head>a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:42px;
padding:0 15px;
border:1px solid #171717;
border-radius:9px;
background:#171717;
color:#fff;
font-size:10px;
font-weight:800;
white-space:nowrap;
}
.rbn-account-panel-head>a:hover,.rbn-account-panel-head>a:focus-visible{border-color:#ffba00;background:#ffba00;color:#171717;outline:0}
.rbn-account-reservations{display:grid;gap:14px}
.rbn-account-reservation-card{
overflow:hidden;
border:1px solid #dfe1e2;
border-radius:13px;
background:#fff;
}
.rbn-account-reservation-top{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
min-height:54px;
padding:10px 15px;
border-bottom:1px solid #e7e8e9;
background:#fafafa;
}
.rbn-account-reservation-top>div{display:grid;gap:2px}
.rbn-account-reservation-top small,
.rbn-account-reservation-main small,
.rbn-account-reservation-total small{color:#85898d;font-size:9px;font-weight:600;letter-spacing:.045em;text-transform:uppercase}
.rbn-account-reservation-top strong{color:#222426;font-size:13px;font-weight:700}
.rbn-account-reservation-status{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border-radius:999px;background:#e3f4e9;color:#22643a;font-size:9px;font-weight:700;text-transform:uppercase}
.rbn-account-reservation-card.is-cancelled .rbn-account-reservation-status{background:#fbe9e7;color:#9c382e}
.rbn-account-reservation-card.is-completed .rbn-account-reservation-status{background:#e9eaeb;color:#62666a}
.rbn-account-reservation-card.is-processing .rbn-account-reservation-status{background:#fff1cf;color:#775600}
.rbn-account-reservation-card.is-failed .rbn-account-reservation-status{background:#fbe9e7;color:#9c382e}
.rbn-account-reservation-main{
display:grid;
gap:15px;
min-width:0;
padding:18px 16px 20px;
}
.rbn-account-reservation-vehicle,
.rbn-account-reservation-facts>div{
display:flex;
align-items:center;
gap:10px;
min-width:0;
}
.rbn-account-reservation-vehicle>span,
.rbn-account-reservation-facts>div>span{
display:grid;
place-items:center;
width:38px;
height:38px;
flex:0 0 38px;
border-radius:10px;
background:#f0f1f2;
color:#333639;
}
.rbn-account-reservation-vehicle svg,
.rbn-account-reservation-facts svg{display:block;width:20px;height:20px;fill:currentColor;overflow:visible}
.rbn-account-reservation-facts svg.rbn-stroke-icon{fill:none}
.rbn-account-reservation-vehicle>div,
.rbn-account-reservation-facts>div>div,
.rbn-account-reservation-total{display:grid;gap:4px;min-width:0}
.rbn-account-reservation-main strong{overflow:hidden;color:#292b2d;font-size:12px;font-weight:600;line-height:1.5;text-overflow:ellipsis}
.rbn-account-reservation-vehicle strong{font-size:14px;font-weight:700}
.rbn-account-reservation-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.rbn-account-reservation-facts>div{min-height:64px;padding:12px;border:1px solid #e4e5e6;border-radius:10px;background:#fafafa}
.rbn-account-reservation-total{text-align:left}
.rbn-account-reservation-total strong{color:#222426;font-size:17px;font-weight:700;line-height:1.15;white-space:nowrap}
.rbn-account-reservation-actions{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
min-height:64px;
padding:10px 16px;
border-top:1px solid #e7e8e9;
background:#fafafa;
}
.rbn-account-reservation-buttons{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.rbn-account-reservation-buttons a,
.rbn-account-reservation-buttons button{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:38px;
padding:0 13px;
border:1px solid #d3d5d7;
border-radius:8px;
background:#fff;
color:#34373a;
font-size:10px;
font-weight:700;
cursor:pointer;
}
.rbn-account-reservation-buttons a:hover,
.rbn-account-reservation-buttons a:focus-visible,
.rbn-account-reservation-buttons button:hover,
.rbn-account-reservation-buttons button:focus-visible{border-color:#171717;outline:0}
.rbn-account-reservation-buttons .rbn-account-edit-booking{border-color:#171717;background:#171717;color:#fff}
.rbn-account-reservation-buttons .rbn-account-edit-booking:hover,
.rbn-account-reservation-buttons .rbn-account-edit-booking:focus-visible{border-color:#ffba00;background:#ffba00;color:#171717}
.rbn-account-reservation-buttons .rbn-account-cancel-booking{border-color:#e5b8b4;color:#9a352c}
.rbn-account-reservation-buttons .rbn-account-cancel-booking:hover,
.rbn-account-reservation-buttons .rbn-account-cancel-booking:focus-visible{border-color:#a63d33;background:#fff0ee;color:#8d2f27}
.rbn-account-reservation-buttons button:disabled{opacity:.55;cursor:wait}
.rbn-account-empty{
display:grid;
justify-items:center;
padding:50px 20px;
border:1px dashed #cfd2d4;
border-radius:13px;
background:#fafafa;
text-align:center;
}
.rbn-account-empty>span{display:grid;place-items:center;width:55px;height:55px;border-radius:14px;background:#ffba00;color:#171717}
.rbn-account-empty svg{width:28px;height:28px;fill:currentColor}
.rbn-account-empty h3{margin:17px 0 0;color:#171717;font-size:19px;font-weight:800;letter-spacing:-.35px}
.rbn-account-empty p{max-width:480px;margin:8px 0 0;color:#717579;font-size:10px;line-height:1.6}
.rbn-account-empty a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin-top:17px;padding:0 15px;border-radius:9px;background:#171717;color:#fff;font-size:10px;font-weight:800}
.rbn-account-claim{
margin-top:18px;
overflow:hidden;
border:1px solid #dfe1e2;
border-radius:12px;
background:#fff;
}
.rbn-account-claim summary{
display:grid;
grid-template-columns:34px minmax(0,1fr) auto;
align-items:center;
gap:11px;
min-height:62px;
padding:10px 14px;
cursor:pointer;
list-style:none;
}
.rbn-account-claim summary::-webkit-details-marker{display:none}
.rbn-account-claim summary>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#f0f1f2;color:#333639}
.rbn-account-claim summary svg{width:17px;height:17px;fill:currentColor}
.rbn-account-claim summary>div{display:grid;gap:3px}
.rbn-account-claim summary strong{color:#2b2e30;font-size:10px;font-weight:800}
.rbn-account-claim summary small{color:#7c8084;font-size:8px}
.rbn-account-claim summary>i{font-size:20px;font-style:normal;font-weight:600}
.rbn-account-claim[open] summary>i{transform:rotate(45deg)}
.rbn-account-claim-form{display:grid;gap:13px;padding:17px;border-top:1px solid #e5e6e7;background:#fafafa}
.rbn-account-claim-form>p{margin:0;color:#686c70;font-size:9px;line-height:1.55}
.rbn-account-claim-form .rbn-account-secondary-button{justify-self:start;min-height:42px}
.rbn-account-profile-form,
.rbn-account-security-form{max-width:720px}
.rbn-account-profile-form>.rbn-account-primary-button,
.rbn-account-security-form>.rbn-account-primary-button{justify-self:start;width:auto;min-width:190px}
.rbn-account-security-form{grid-template-columns:repeat(2,minmax(0,1fr))}
.rbn-account-security-form .rbn-account-field:first-child,
.rbn-account-security-form .rbn-account-form-feedback,
.rbn-account-security-form .rbn-account-primary-button{grid-column:1/-1}
.rbn-account-current-password{margin-top:3px;padding-top:18px;border-top:1px solid #e5e6e7}
.rbn-account-manage-view{width:min(100%,960px);margin:0 auto}
.rbn-account-manage-back{
display:inline-flex;
align-items:center;
gap:6px;
margin-bottom:18px;
color:#44484b;
font-size:10px;
font-weight:800;
}
.rbn-account-manage-back:hover,.rbn-account-manage-back:focus-visible{color:#000;outline:0;text-decoration:underline;text-underline-offset:3px}
.rbn-account-manage-view .rbn-manage-feedback{margin-top:0}
.rbn-account-manage-view .rbn-manage-stage:not(:empty){margin-top:0}
/* Logged-in profile hint on checkout. */
.rbn-checkout-profile-note{
display:grid;
grid-template-columns:42px minmax(0,1fr) auto;
align-items:center;
gap:13px;
padding:14px 15px;
border:1px solid #d9dbdd;
border-radius:12px;
background:#f7f7f7;
}
.rbn-checkout-profile-note>span{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#171717;color:#ffba00}
.rbn-checkout-profile-note svg{width:21px;height:21px;fill:currentColor}
.rbn-checkout-profile-note>div{display:grid;gap:3px;min-width:0}
.rbn-checkout-profile-note strong{color:#252729;font-size:11px;font-weight:800}
.rbn-checkout-profile-note small{color:#74787c;font-size:9px;line-height:1.45}
.rbn-checkout-profile-note>a{display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:0 12px;border:1px solid #171717;border-radius:8px;background:#fff;color:#171717;font-size:9px;font-weight:800;white-space:nowrap}
.rbn-checkout-profile-note>a:hover,.rbn-checkout-profile-note>a:focus-visible{background:#171717;color:#fff;outline:0}
@media(max-width:960px){
.rbn-header-account-action>span:last-child{display:none}
.rbn-account-auth-shell{grid-template-columns:minmax(275px,.75fr) minmax(390px,1.25fr)}
.rbn-account-auth-aside{padding:40px 30px}
.rbn-account-auth-card{padding:35px 32px 40px}
.rbn-account-dashboard{grid-template-columns:220px minmax(0,1fr)}
.rbn-account-content{padding:23px}
}
@media(max-width:760px){
.rbn-account-auth-shell{grid-template-columns:1fr;min-height:0}
.rbn-account-auth-aside{min-height:270px;padding:34px 30px}
.rbn-account-auth-aside ul{grid-template-columns:1fr;margin-top:20px}
.rbn-account-auth-card{padding:31px 28px 35px}
.rbn-account-dashboard{grid-template-columns:1fr}
.rbn-account-sidebar{position:static}
.rbn-account-user-summary{display:none}
.rbn-account-sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.rbn-account-sidebar nav button,
.rbn-account-sidebar nav>a{grid-template-columns:18px minmax(0,1fr);padding:0 9px}
.rbn-account-sidebar nav>.rbn-account-sidebar-logout{margin-top:0;border-top:0;border-radius:9px}
.rbn-account-sidebar nav button i{display:none}
.rbn-account-content{min-height:0}
.rbn-account-verification-warning{grid-template-columns:40px minmax(0,1fr)}
.rbn-account-verification-warning form{grid-column:2;justify-content:flex-start}
}
@media(max-width:580px){
.rbn-account-auth-shell{border-radius:14px}
.rbn-account-auth-aside{min-height:235px;padding:28px 22px}
.rbn-account-auth-aside h2{font-size:23px}
.rbn-account-auth-aside ul{gap:9px}
.rbn-account-auth-card{padding:26px 19px 30px}
.rbn-account-fields-grid,
.rbn-account-security-form{grid-template-columns:1fr}
.rbn-account-field.is-full,
.rbn-account-security-form .rbn-account-field,
.rbn-account-security-form .rbn-account-form-feedback,
.rbn-account-security-form .rbn-account-primary-button{grid-column:auto}
.rbn-account-login-options{align-items:flex-start;flex-direction:column;gap:10px}
.rbn-account-sidebar nav{grid-template-columns:1fr}
.rbn-account-sidebar nav button,
.rbn-account-sidebar nav>a{grid-template-columns:19px minmax(0,1fr) auto}
.rbn-account-sidebar nav>.rbn-account-sidebar-logout{grid-template-columns:19px minmax(0,1fr);margin-top:5px;border-top:1px solid #e5e6e7;border-radius:0 0 9px 9px}
.rbn-account-sidebar nav button i{display:grid}
.rbn-account-content{padding:19px 14px;border-radius:12px}
.rbn-account-panel-head{align-items:stretch;flex-direction:column}
.rbn-account-panel-head>a{align-self:flex-start}
.rbn-account-reservation-main{padding:15px 13px}
.rbn-account-reservation-facts{grid-template-columns:1fr}
.rbn-account-reservation-actions{align-items:stretch;flex-direction:column}
.rbn-account-reservation-buttons{display:grid;grid-template-columns:1fr;width:100%}
.rbn-account-reservation-buttons a,
.rbn-account-reservation-buttons button{width:100%;min-height:40px}
.rbn-account-verification-warning{grid-template-columns:1fr;padding:14px}
.rbn-account-verification-warning form{grid-column:auto;flex-wrap:wrap}
.rbn-account-profile-form>.rbn-account-primary-button,
.rbn-account-security-form>.rbn-account-primary-button{width:100%}
.rbn-checkout-profile-note{grid-template-columns:38px minmax(0,1fr);padding:12px}
.rbn-checkout-profile-note>span{width:38px;height:38px}
.rbn-checkout-profile-note>a{grid-column:2;justify-self:start}
}
@media(prefers-reduced-motion:reduce){
.rbn-account-primary-button,
.rbn-account-secondary-button,
.rbn-account-reservation-card,
.rbn-account-field input,
.rbn-account-field select{transition:none}
}
/* v0.7.0 — commercial Design Studio bindings for every system page. */
.rbn-button,
.rbn-booking-submit,
.rbn-manage-primary-button{
background:var(--rbn-primary);
color:var(--rbn-primary-text);
}
.rbn-button:hover,
.rbn-button:focus-visible,
.rbn-booking-submit:hover,
.rbn-booking-submit:focus-visible,
.rbn-manage-primary-button:hover,
.rbn-manage-primary-button:focus-visible{
background:var(--rbn-primary-hover);
color:var(--rbn-primary-hover-text);
}
.rbn-location-trigger,
.rbn-booking-date-control,
.rbn-booking-date-trigger,
.rbn-booking-time-trigger,
.rbn-checkout-field input,
.rbn-checkout-field select,
.rbn-checkout-field textarea,
.rbn-manage-field input,
.rbn-manage-field select,
.rbn-manage-field textarea,
.rbn-account-field input,
.rbn-account-field select{
border-color:var(--rbn-control-border);
background-color:var(--rbn-control-bg);
color:var(--rbn-text);
font-size:var(--rbn-control-font-size);
}
.rbn-location-trigger:focus,
.rbn-location-trigger[aria-expanded="true"],
.rbn-booking-date-control:focus-within,
.rbn-checkout-field input:focus,
.rbn-checkout-field select:focus,
.rbn-checkout-field textarea:focus,
.rbn-manage-field input:focus,
.rbn-manage-field select:focus,
.rbn-manage-field textarea:focus,
.rbn-account-field input:focus,
.rbn-account-field select:focus{
border-color:var(--rbn-control-focus);
}
.rbn-checkout-feedback.is-error,
.rbn-equipment-feedback,
.rbn-account-page-notice.is-error{color:var(--rbn-ui-danger)}
.rbn-checkout-check-icon{color:var(--rbn-ui-success)}
/* Header and footer commercial bindings. */
.rbn-header-inner{
height:var(--rbn-header-height)!important;
min-height:var(--rbn-header-height)!important;
max-height:var(--rbn-header-height)!important;
}
.rbn-header-hero-inner,
.rbn-header-shell.has-hero .rbn-header-hero-inner{padding-top:var(--rbn-header-height)!important}
.rbn-header-shell.is-booking-flow .rbn-header-stage,
.rbn-header-shell.is-booking-flow .rbn-header,
.rbn-header-shell.is-vehicle-selection .rbn-header-stage,
.rbn-header-shell.is-vehicle-selection .rbn-header{
background:var(--rbn-header-bg)!important;
color:var(--rbn-header-text);
}
.rbn-header-actions,
.rbn-primary-nav .rbn-menu{gap:var(--rbn-header-nav-gap)}
.rbn-header-action,
.rbn-primary-nav .rbn-menu a{
color:var(--rbn-header-text);
font-size:var(--rbn-header-nav-size);
font-weight:var(--rbn-header-nav-weight);
}
.rbn-footer-columns{gap:clamp(24px,var(--rbn-footer-column-gap),150px)}
.rbn-footer-columns h3{font-size:var(--rbn-footer-heading-size)}
.rbn-footer-copy,
.rbn-footer-note,
.rbn-footer-menu a{font-size:var(--rbn-footer-text-size)}
.rbn-footer-bottom{font-size:var(--rbn-footer-bottom-size)}
/* Reservation flow. */
.rbn-vehicle-selection,
.rbn-insurance-selection,
.rbn-equipment-selection,
.rbn-checkout,
.rbn-booking-flow-page,
.rbn-booking-flow-page .rbn-site-main,
.page-template-template-vehicle-selection .rbn-site-main,
.page-template-template-insurance-selection .rbn-site-main,
.page-template-template-equipment-selection .rbn-site-main,
.page-template-template-booking-checkout .rbn-site-main{
background:var(--rbn-booking-page-bg);
}
.rbn-vehicle-selection-head h1,
.rbn-insurance-title-wrap h1{
font-size:var(--rbn-booking-title-size)!important;
}
.rbn-checkout-content{
padding-top:var(--rbn-booking-padding-top);
padding-bottom:var(--rbn-booking-padding-bottom);
}
.rbn-checkout-layout,
.rbn-equipment-layout{gap:var(--rbn-booking-layout-gap)}
.rbn-checkout-overview,
.rbn-equipment-overview{
flex-basis:var(--rbn-booking-sidebar-width);
width:var(--rbn-booking-sidebar-width);
max-width:var(--rbn-booking-sidebar-width);
}
.rbn-checkout-section-head h2,
.rbn-equipment-overview h2{font-size:var(--rbn-booking-section-title-size)}
.rbn-insurance-titlebar,
.rbn-insurance-card,
.rbn-equipment-card,
.rbn-checkout-overview-card,
.rbn-price-details-dialog{
border-color:var(--rbn-card-border);
background:var(--rbn-card-bg);
}
.rbn-insurance-titlebar{background:var(--rbn-booking-page-bg)}
.rbn-insurance-title-wrap h1{
color:var(--rbn-text)!important;
font-size:var(--rbn-booking-title-size)!important;
font-weight:var(--rbn-h1-weight)!important;
}
.rbn-vehicle-card,
.rbn-insurance-card,
.rbn-equipment-card,
.rbn-checkout-overview-card,
.rbn-price-details-dialog{border-radius:var(--rbn-booking-card-radius)}
.rbn-equipment-overview,
.rbn-checkout-overview-card,
.rbn-checkout-payment,
.rbn-checkout-deposit,
.rbn-checkout-profile-note,
.rbn-insurance-notice,
.rbn-equipment-notice,
.rbn-insurance-overview,
.rbn-equipment-description{background:var(--rbn-booking-surface)}
.rbn-checkout-store-icon{background:var(--rbn-booking-surface)}
.rbn-vehicle-card::after{border-color:var(--rbn-booking-accent)!important}
.rbn-vehicle-card.is-selected,
.rbn-insurance-card.is-selected,
.rbn-equipment-card.is-selected,
.rbn-equipment-card.is-selected:hover,
.rbn-checkout-payment{border-color:var(--rbn-booking-accent)}
.rbn-equipment-switch.is-on,
.rbn-checkout-payment-radio>span,
.rbn-checkout-submit,
.rbn-account-auth-icon,
.rbn-account-auth-aside li>span,
.rbn-account-empty>span,
.rbn-checkout-profile-note>span{background:var(--rbn-booking-accent)}
.rbn-checkout-payment-radio{border-color:var(--rbn-booking-accent)}
.rbn-insurance-card{
border-color:var(--rbn-card-border)!important;
background:var(--rbn-card-bg)!important;
box-shadow:0 12px 32px rgba(23,23,23,var(--rbn-card-shadow-alpha))!important;
}
.rbn-insurance-card-top{background:var(--rbn-booking-surface)!important}
.rbn-insurance-card.is-selected{
border-color:var(--rbn-booking-accent)!important;
box-shadow:0 12px 32px rgba(23,23,23,var(--rbn-card-shadow-alpha))!important;
}
.rbn-insurance-card.is-selected .rbn-insurance-radio{
border-color:var(--rbn-booking-accent)!important;
background:var(--rbn-booking-surface)!important;
}
.rbn-insurance-card.is-selected .rbn-insurance-radio>span{background:var(--rbn-booking-accent)!important}
.rbn-checkout-submit,
.rbn-account-auth-icon,
.rbn-account-auth-aside li>span,
.rbn-account-empty>span,
.rbn-checkout-profile-note>span{color:var(--rbn-booking-accent-text)}
.rbn-insurance-stars>span.is-active,
.rbn-insurance-stars .is-active,
.rbn-checkout-overview-heading-row>span{color:var(--rbn-booking-accent)}
.rbn-insurance-continue,
.rbn-checkout-submit{
border-radius:var(--rbn-button-radius);
background:var(--rbn-booking-accent);
color:var(--rbn-booking-accent-text);
font-size:var(--rbn-button-font-size);
font-weight:var(--rbn-button-weight);
}
.rbn-insurance-continue,
.rbn-insurance-continue:hover,
.rbn-insurance-continue:focus{
background:var(--rbn-booking-accent)!important;
color:var(--rbn-booking-accent-text)!important;
}
.rbn-location-trigger,
.rbn-booking-date-control,
.rbn-booking-submit{height:var(--rbn-control-height)}
.rbn-checkout-field input,
.rbn-checkout-field select{min-height:var(--rbn-control-height)}
.rbn-insurance-card,
.rbn-equipment-card,
.rbn-checkout-overview-card{
box-shadow:0 12px 32px rgba(23,23,23,var(--rbn-card-shadow-alpha));
}
/* Booking management. */
.rbn-booking-management-page,
.rbn-booking-management-page .rbn-site-main{background:var(--rbn-manage-page-bg)}
.rbn-manage-page{
padding:var(--rbn-manage-page-padding) 20px;
background:var(--rbn-manage-page-bg);
color:var(--rbn-text);
}
.rbn-manage-shell{max-width:var(--rbn-manage-width)}
.rbn-manage-intro,
.rbn-manage-lookup-wrap,
.rbn-manage-feedback{max-width:var(--rbn-manage-lookup-width)}
.rbn-manage-intro h1{
color:var(--rbn-text);
font-size:var(--rbn-manage-title-size);
font-weight:var(--rbn-manage-title-weight);
}
.rbn-manage-intro p{font-size:var(--rbn-manage-intro-size)}
.rbn-manage-editor-head h2,
.rbn-manage-fieldset legend,
.rbn-manage-vehicle-copy h3{color:var(--rbn-text)}
.rbn-manage-fieldset legend{font-size:var(--rbn-manage-section-title-size)}
.rbn-manage-fieldset,
.rbn-manage-vehicle-card,
.rbn-manage-final-action,
.rbn-manage-cancel-zone,
.rbn-manage-preview{
border-color:var(--rbn-card-border);
border-radius:var(--rbn-manage-section-radius);
background:var(--rbn-manage-surface);
box-shadow:0 10px 28px rgba(23,23,23,var(--rbn-card-shadow-alpha));
}
.rbn-manage-field input,
.rbn-manage-field select{height:var(--rbn-manage-field-height)}
.rbn-manage-primary-button,
.rbn-manage-secondary-button,
.rbn-manage-availability-button{min-height:var(--rbn-manage-button-height);border-radius:var(--rbn-button-radius)}
.rbn-manage-section-number,
.rbn-manage-equipment-switch.is-on{background:var(--rbn-primary);color:var(--rbn-primary-text)}
.rbn-manage-feedback.is-error{color:var(--rbn-ui-danger)}
.rbn-manage-feedback.is-warning{color:color-mix(in srgb,var(--rbn-ui-warning) 62%,#171717)}
/* Customer account. */
.rbn-customer-account-page,
.rbn-customer-account-page .rbn-site-main{background:var(--rbn-account-page-bg)}
.rbn-account-page{
padding:var(--rbn-account-page-padding) 0;
background:var(--rbn-account-page-bg);
color:var(--rbn-text);
}
.rbn-account-container{max-width:var(--rbn-account-width)}
.rbn-account-dashboard{grid-template-columns:var(--rbn-account-sidebar-width) minmax(0,1fr)}
.rbn-account-auth-shell,
.rbn-account-sidebar,
.rbn-account-content,
.rbn-account-reservation-card,
.rbn-account-claim,
.rbn-account-empty{
border-color:var(--rbn-card-border);
border-radius:var(--rbn-account-card-radius);
background:var(--rbn-card-bg);
}
.rbn-account-auth-shell,
.rbn-account-content{
box-shadow:0 16px 42px rgba(23,23,23,var(--rbn-card-shadow-alpha));
}
.rbn-account-auth-aside{background:var(--rbn-account-auth-bg);color:var(--rbn-account-auth-text)}
.rbn-account-auth-aside h2{color:var(--rbn-account-auth-text)}
.rbn-account-panel-head h2{font-size:var(--rbn-account-panel-title-size)}
.rbn-account-form-head h2{font-size:var(--rbn-account-form-title-size)}
.rbn-account-sidebar nav button span,
.rbn-account-sidebar nav>a span{
font-size:var(--rbn-account-nav-size);
font-weight:var(--rbn-account-nav-weight);
}
.rbn-account-field input,
.rbn-account-field select{
height:var(--rbn-account-field-height);
font-size:var(--rbn-account-field-size);
}
.rbn-account-sidebar nav button.is-active,
.rbn-account-panel-head>a,
.rbn-account-reservation-buttons .rbn-account-edit-booking,
.rbn-account-secondary-button{
border-color:var(--rbn-primary-hover);
background:var(--rbn-primary-hover);
color:var(--rbn-primary-hover-text);
}
.rbn-account-primary-button,
.rbn-account-reservation-buttons .rbn-account-edit-booking:hover,
.rbn-account-reservation-buttons .rbn-account-edit-booking:focus-visible{
border-color:var(--rbn-booking-accent);
background:var(--rbn-booking-accent);
color:var(--rbn-booking-accent-text);
}
.rbn-account-sidebar nav button.is-active i,
.rbn-account-user-summary>span{background:var(--rbn-booking-accent);color:var(--rbn-booking-accent-text)}
.rbn-account-reservation-vehicle strong{font-size:var(--rbn-account-reservation-title-size)}
.rbn-account-reservation-main strong{font-size:var(--rbn-account-reservation-text-size)}
.rbn-account-reservation-status{background:color-mix(in srgb,var(--rbn-ui-success) 14%,#fff);color:color-mix(in srgb,var(--rbn-ui-success) 55%,#111)}
.rbn-account-reservation-card.is-cancelled .rbn-account-reservation-status,
.rbn-account-reservation-card.is-failed .rbn-account-reservation-status{background:color-mix(in srgb,var(--rbn-ui-danger) 12%,#fff);color:var(--rbn-ui-danger)}
.rbn-account-reservation-card.is-processing .rbn-account-reservation-status{background:color-mix(in srgb,var(--rbn-ui-warning) 20%,#fff);color:color-mix(in srgb,var(--rbn-ui-warning) 55%,#111)}
/* Confirmation page. */
.rbn-booking-confirmation-page,
.rbn-booking-confirmation-page .rbn-site-main{background:var(--rbn-confirmation-page-bg)}
.rbn-confirmation{
padding:var(--rbn-confirmation-padding-top) 20px var(--rbn-confirmation-padding-bottom);
background:var(--rbn-confirmation-page-bg);
color:var(--rbn-text);
}
.rbn-confirmation-inner{max-width:var(--rbn-confirmation-width)}
.rbn-confirmation h1{font-size:var(--rbn-confirmation-title-size)}
.rbn-confirmation-icon{background:var(--rbn-booking-accent);color:var(--rbn-booking-accent-text)}
.rbn-confirmation-panel{
border-color:var(--rbn-card-border);
border-radius:var(--rbn-confirmation-panel-radius);
background:var(--rbn-confirmation-panel-bg);
box-shadow:0 16px 45px rgba(23,23,23,var(--rbn-card-shadow-alpha));
}
.rbn-confirmation-panel-head{background:var(--rbn-confirmation-head-bg);color:var(--rbn-confirmation-head-text)}
.rbn-confirmation-reference>strong,
.rbn-confirmation-total.is-date>strong{color:var(--rbn-confirmation-head-text)}
.rbn-confirmation-total>strong{color:var(--rbn-booking-accent)}
.rbn-confirmation-detail{
border-color:var(--rbn-card-border);
border-radius:var(--rbn-confirmation-detail-radius);
background:var(--rbn-confirmation-detail-bg);
}
.rbn-confirmation-detail small{font-size:var(--rbn-confirmation-label-size)}
.rbn-confirmation-detail strong{font-size:var(--rbn-confirmation-value-size)}
.rbn-confirmation-services{background:var(--rbn-confirmation-panel-bg)}
.rbn-confirmation-home{background:var(--rbn-primary-hover);color:var(--rbn-primary-hover-text)}
.rbn-confirmation-pdf{background:var(--rbn-booking-accent);color:var(--rbn-booking-accent-text)}
@media(max-width:980px){
.rbn-checkout-layout,
.rbn-equipment-layout{gap:22px}
.rbn-checkout-overview,
.rbn-equipment-overview{flex-basis:auto;width:100%;max-width:none}
.rbn-account-dashboard{grid-template-columns:220px minmax(0,1fr)}
}
@media(max-width:760px){
.rbn-header-inner{
height:clamp(58px,var(--rbn-header-height),70px)!important;
min-height:clamp(58px,var(--rbn-header-height),70px)!important;
max-height:clamp(58px,var(--rbn-header-height),70px)!important;
}
.rbn-header-hero-inner,
.rbn-header-shell.has-hero .rbn-header-hero-inner{padding-top:clamp(58px,var(--rbn-header-height),70px)!important}
.rbn-manage-page{padding:var(--rbn-manage-page-padding-mobile) 20px}
.rbn-account-dashboard{grid-template-columns:1fr}
}
@media(max-width:580px){
.rbn-account-page{padding:calc(var(--rbn-account-page-padding) * .7) 0}
.rbn-confirmation{padding:calc(var(--rbn-confirmation-padding-top) * .78) 14px calc(var(--rbn-confirmation-padding-bottom) * .78)}
.rbn-confirmation h1{font-size:clamp(30px,var(--rbn-confirmation-title-size),38px)}
}
/* v0.7.5 — compact language and currency menus with a static hover state. */
.rbn-header-lcc.rbn-header-action{
position:relative;
gap:5px;
cursor:default;
transform:none!important;
}
.rbn-header-lcc-globe{margin-right:1px}
.rbn-header-lcc-control{position:relative;display:flex;align-items:center}
.rbn-header-lcc-trigger{
appearance:none;
-webkit-appearance:none;
display:inline-flex;
align-items:center;
justify-content:center;
gap:3px;
min-width:0;
height:32px;
padding:0 6px;
border:0;
border-radius:9px;
background:transparent;
color:inherit;
font-size:inherit;
font-weight:inherit;
line-height:1;
cursor:pointer;
transform:none!important;
transition:background-color .18s ease;
}
.rbn-header-lcc-trigger:hover,
.rbn-header-lcc-trigger:focus-visible,
.rbn-header-lcc-trigger[aria-expanded="true"]{
background:rgba(255,255,255,.12);
background:color-mix(in srgb,currentColor 12%,transparent);
color:inherit;
outline:0;
}
.rbn-header-lcc-chevron{
display:grid;
place-items:center;
width:12px;
height:12px;
flex:0 0 12px;
}
.rbn-header-lcc-chevron svg{display:block;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.rbn-header-lcc-trigger[aria-expanded="true"] .rbn-header-lcc-chevron{transform:rotate(180deg)}
.rbn-header-lcc-separator{color:currentColor;opacity:.38;font-size:12px;font-weight:400;line-height:1}
.rbn-header-lcc-popover{
position:absolute;
z-index:1400;
top:calc(100% + 13px);
right:-10px;
left:auto;
width:244px;
padding:11px;
border:1px solid #e2e3e5;
border-radius:15px;
background:#fff;
color:#171717;
box-shadow:0 18px 50px rgba(0,0,0,.2),0 3px 10px rgba(0,0,0,.07);
}
.rbn-header-lcc-popover[hidden]{display:none!important}
.rbn-header-lcc-popover:before{
position:absolute;
top:-6px;
right:23px;
width:11px;
height:11px;
border-top:1px solid #e2e3e5;
border-left:1px solid #e2e3e5;
background:#fff;
content:"";
transform:rotate(45deg);
}
.rbn-header-lcc-kicker{
position:relative;
z-index:1;
display:block;
padding:3px 7px 8px;
color:#777b80;
font-size:9px;
font-weight:800;
line-height:1.2;
letter-spacing:.08em;
text-transform:uppercase;
}
.rbn-header-lcc-option{
appearance:none;
-webkit-appearance:none;
position:relative;
z-index:1;
display:grid;
grid-template-columns:34px minmax(0,1fr) 18px;
align-items:center;
gap:10px;
width:100%;
min-height:58px;
padding:8px 9px;
border:0;
border-radius:11px;
background:#f5f5f6;
color:#171717;
text-align:left;
text-decoration:none!important;
cursor:pointer;
transform:none!important;
transition:background-color .18s ease;
}
.rbn-header-lcc-option:hover,
.rbn-header-lcc-option:focus-visible{
background:#ececee;
color:#171717;
outline:0;
}
.rbn-header-lcc-option:disabled{opacity:.62;cursor:wait}
.rbn-header-lcc-flag{
display:grid;
place-items:center;
width:28px;
height:20px;
margin-left:3px;
overflow:hidden;
border-radius:3px;
box-shadow:0 0 0 1px rgba(0,0,0,.09),0 2px 5px rgba(0,0,0,.08);
}
.rbn-header-lcc-flag svg{display:block;width:28px;height:20px}
.rbn-header-lcc-flag--ba svg{transform:rotate(180deg);transform-origin:center}
.rbn-header-lcc-currency-symbol{
display:grid;
place-items:center;
width:34px;
height:34px;
border-radius:50%;
background:#171717;
color:#fff;
font-size:11px;
font-weight:800;
line-height:1;
}
.rbn-header-lcc-option-copy{display:flex;min-width:0;flex-direction:column;gap:3px}
.rbn-header-lcc-option-copy strong{overflow:hidden;color:#171717;font-size:13px;font-weight:800;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.rbn-header-lcc-option-copy small{overflow:hidden;color:#777b80;font-size:9px;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.rbn-header-lcc-option-arrow{display:grid;place-items:center;width:18px;height:18px;color:#555}
.rbn-header-lcc-option-arrow svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.rbn-header-lcc-option.is-loading .rbn-header-lcc-option-arrow{animation:rbn-spin .7s linear infinite}
@media(max-width:680px){
.rbn-header-lcc.rbn-header-action{gap:3px}
.rbn-header-lcc-trigger{height:30px;padding:0 4px}
.rbn-header-lcc-popover{right:-18px;width:min(236px,calc(100vw - 24px))}
}
@media(prefers-reduced-motion:reduce){
.rbn-header-lcc-trigger,
.rbn-header-lcc-option{transition:none}
}
/* v0.7.7 — Renteon promo codes on checkout */
.rbn-checkout-coupon{padding:19px 20px 20px;border:1px solid var(--rbn-card-border,#e1e3e5);border-radius:12px;background:var(--rbn-booking-surface,#f5f6f7)}
.rbn-checkout-coupon .rbn-checkout-section-head{margin-bottom:13px}
.rbn-coupon-control{display:grid;grid-template-columns:minmax(0,1fr) 124px;gap:9px}
.rbn-coupon-control input{width:100%;min-width:0;height:49px;padding:0 14px;border:1px solid var(--rbn-control-border,#cfd2d5);border-radius:9px;background:var(--rbn-control-bg,#fff);color:var(--rbn-text,#171717);font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;box-shadow:none}
.rbn-coupon-control input::placeholder{color:#969a9e;font-weight:500;letter-spacing:0;text-transform:none}
.rbn-coupon-control input:hover{border-color:#b7bbc0}
.rbn-coupon-control input:focus{border-color:var(--rbn-control-focus,var(--rbn-primary));outline:0;box-shadow:0 0 0 2px color-mix(in srgb,var(--rbn-primary) 14%,transparent)}
.rbn-coupon-control input:disabled{background:#eceef0;color:#777}
.rbn-coupon-control button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:0 16px;border:0;border-radius:9px;background:var(--rbn-primary);color:var(--rbn-primary-text,#171717);font-size:12px;font-weight:800;cursor:pointer}
.rbn-coupon-control button:hover,.rbn-coupon-control button:focus-visible{background:var(--rbn-primary-hover,var(--rbn-primary));color:var(--rbn-primary-hover-text,#fff);outline:0;transform:none}
.rbn-coupon-control button:disabled{cursor:wait;opacity:.67}
.rbn-coupon-feedback{min-height:0;margin-top:8px;color:#65696e;font-size:10px;font-weight:600;line-height:1.45}
.rbn-coupon-feedback:empty{display:none}
.rbn-coupon-feedback.is-loading{color:#65696e}
.rbn-coupon-feedback.is-success{color:var(--rbn-ui-success,#16814b)}
.rbn-coupon-feedback.is-error{color:var(--rbn-ui-danger,#b42318)}
.rbn-coupon-result{display:grid;grid-template-columns:30px minmax(0,1fr) max-content;align-items:center;gap:10px;margin-top:12px;padding:12px 13px;border:1px solid color-mix(in srgb,var(--rbn-ui-success,#16814b) 26%,#fff);border-radius:10px;background:color-mix(in srgb,var(--rbn-ui-success,#16814b) 7%,#fff)}
.rbn-coupon-result[hidden]{display:none}
.rbn-coupon-result-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--rbn-ui-success,#16814b);color:#fff}
.rbn-coupon-result-icon svg{display:block;width:16px;height:16px;fill:currentColor}
.rbn-coupon-result>div{display:grid;gap:2px;min-width:0}
.rbn-coupon-result>div strong{overflow:hidden;color:var(--rbn-text,#171717);font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.rbn-coupon-result>div small{color:#666b70;font-size:9px;font-weight:600}
.rbn-coupon-result-amount{color:var(--rbn-ui-success,#16814b);font-size:11px;font-weight:700;white-space:nowrap}
.rbn-coupon-result-amount strong{font-weight:800}
.rbn-coupon-remove{grid-column:2/4;justify-self:start;padding:0;border:0;background:transparent;color:#666b70;font-size:9px;font-weight:700;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.rbn-coupon-remove:hover,.rbn-coupon-remove:focus-visible{background:transparent;color:#171717;outline:0;transform:none}
.rbn-price-details-promo-row{color:var(--rbn-ui-success,#16814b)}
.rbn-price-details-promo-row>span,.rbn-price-details-promo-row>strong{color:inherit}
.rbn-vehicle-promo-badge{display:inline-flex;align-items:center;min-height:24px;margin:0 0 9px;padding:0 8px;border-radius:999px;background:var(--rbn-primary);color:var(--rbn-primary-text,#171717);font-size:9px;font-weight:800;line-height:1;letter-spacing:.02em;text-transform:uppercase}
@media(max-width:560px){.rbn-checkout-coupon{padding:16px}.rbn-coupon-control{grid-template-columns:1fr}.rbn-coupon-control button{width:100%}.rbn-coupon-result{grid-template-columns:30px minmax(0,1fr)}.rbn-coupon-result-amount{grid-column:2}.rbn-coupon-remove{grid-column:2}}
/* v0.7.11 — configurable recommended insurance package */
.rbn-insurance-card-title-row>strong{min-width:0}
.rbn-insurance-card-choice{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;margin-left:auto}
.rbn-insurance-recommended-badge{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;max-width:175px;min-height:27px;padding:5px 9px 5px 7px;border-radius:6px;background:#e2f2eb;color:#111;font-size:9px;font-weight:700;line-height:1.2;text-align:left}
.rbn-insurance-recommended-icon-container{display:grid;place-items:center;flex:0 0 17px;width:17px;height:17px;color:#111}
.rbn-insurance-recommended-icon{display:block;width:15px;height:15px;fill:currentColor}
.rbn-insurance-recommended-label{min-width:0;color:#111}
@media(max-width:1180px) and (min-width:681px){.rbn-insurance-recommended-badge{max-width:145px}}
@media(max-width:440px){.rbn-insurance-card-title-row{align-items:flex-start;flex-wrap:wrap}.rbn-insurance-card-choice{width:100%;justify-content:space-between;margin-left:0}}
/* v0.7.13 — compact insurance cards */
.rbn-insurance-card{min-height:370px!important}
.rbn-insurance-recommended-icon{width:16px;height:16px}
/* v0.7.26 — keep language/currency popovers above booking-flow title bars. */
.rbn-header-shell.is-booking-flow{
position:relative;
z-index:2000;
overflow:visible;
}
.rbn-header-shell.is-booking-flow .rbn-header-stage,
.rbn-header-shell.is-booking-flow .rbn-header,
.rbn-header-shell.is-booking-flow .rbn-header-inner,
.rbn-header-shell.is-booking-flow .rbn-header-actions,
.rbn-header-shell.is-booking-flow .rbn-header-lcc,
.rbn-header-shell.is-booking-flow .rbn-header-lcc-control{
overflow:visible;
}
.rbn-header-shell.is-booking-flow .rbn-header-lcc-popover{
z-index:2100;
}
/* v0.7.29 — synced Renteon reservation states */
.rbn-account-reservation-card.is-on_request .rbn-account-reservation-status,
.rbn-account-reservation-card.is-inquiry .rbn-account-reservation-status{background:color-mix(in srgb,var(--rbn-ui-warning) 20%,#fff);color:color-mix(in srgb,var(--rbn-ui-warning) 55%,#111)}
/* v0.7.30 — consolidated mobile reservation experience */
.rbn-vehicle-mobile-summary{display:none}
.rbn-location-option-item{display:flex;min-width:0;flex-direction:column}
.rbn-insurance-total-chevron{display:none}
.rbn-insurance-total-chevron svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){
.rbn-booking-flow-page,
.rbn-booking-flow-page .rbn-site-main{overflow-x:clip}
.rbn-booking-flow-page .rbn-container{
width:100%;
max-width:var(--rbn-container);
padding-right:10px;
padding-left:10px;
}
/* Compact icon-first mobile header. Language and currency remain textual. */
.rbn-header-inner{
width:100%;
gap:5px!important;
padding-right:10px!important;
padding-left:10px!important;
flex-wrap:nowrap;
}
.rbn-brand{
min-width:0;
max-width:108px!important;
flex:0 1 auto;
}
.rbn-brand a{display:block;max-width:100%}
.rbn-logo-image,
.custom-logo{max-width:100%;height:auto}
.rbn-header-actions{
min-width:0;
margin-left:auto;
gap:2px!important;
flex:0 0 auto;
flex-wrap:nowrap;
}
.rbn-header-action-label{display:none!important}
.rbn-header-action:not(.rbn-header-lcc){
width:42px;
min-width:42px;
height:44px;
padding:0!important;
justify-content:center;
gap:0;
}
.rbn-header-action-icon{
width:23px;
height:23px;
flex-basis:23px;
}
.rbn-header-action-icon svg{width:23px;height:23px}
.rbn-header-action.is-inactive{display:none!important}
.rbn-header-lcc.rbn-header-action{
height:44px;
padding:0 2px!important;
gap:2px!important;
}
.rbn-header-lcc-globe{display:none!important}
.rbn-header-lcc-trigger{
min-height:36px;
height:36px;
padding:0 4px;
font-size:11px;
}
.rbn-header-lcc-separator{margin:0 1px}
.rbn-header-lcc-popover{
position:fixed;
top:calc(clamp(58px,var(--rbn-header-height),70px) + 8px);
right:10px;
left:auto;
width:min(244px,calc(100vw - 20px));
max-height:calc(100dvh - 90px);
overflow:auto;
}
/* Location picker: selected mobile location owns its inline details. */
.rbn-location-popover{
position:fixed!important;
z-index:100300!important;
inset:calc(6px + env(safe-area-inset-top)) 6px calc(6px + env(safe-area-inset-bottom))!important;
width:auto!important;
max-height:none!important;
border-radius:13px;
}
.rbn-location-popover-search{
height:54px;
padding:0 12px;
}
.rbn-location-popover-search input{font-size:14px}
.rbn-location-popover-body{
display:block!important;
height:calc(100% - 54px)!important;
min-height:0;
max-height:none!important;
}
.rbn-location-list-wrap{
height:100%!important;
padding:6px 0 calc(10px + env(safe-area-inset-bottom))!important;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
}
#rbn-location-detail{display:none!important}
.rbn-location-group-title{padding:9px 14px 7px;font-size:11px}
.rbn-location-option{
min-height:54px;
padding:10px 14px;
gap:11px;
text-align:left;
}
.rbn-location-option-copy{min-width:0}
.rbn-location-option-copy strong{
overflow-wrap:anywhere;
font-size:13px;
line-height:1.3;
}
.rbn-location-option-copy small{
overflow-wrap:anywhere;
font-size:10px;
}
.rbn-location-option-item.is-expanded>.rbn-location-option{
background:#ededee;
}
.rbn-location-option-detail{
display:block!important;
flex:none;
width:100%;
padding:14px 14px 16px 49px;
border-top:1px solid #e2e3e5;
border-bottom:1px solid #e2e3e5;
background:#f7f7f8;
overflow:visible;
}
.rbn-location-option-detail .rbn-location-detail-top{margin-bottom:8px}
.rbn-location-option-detail .rbn-location-detail-icon{width:24px;height:24px}
.rbn-location-option-detail .rbn-location-detail-icon svg{width:22px;height:22px}
.rbn-location-option-detail h3{margin-bottom:5px;font-size:17px;overflow-wrap:anywhere}
.rbn-location-option-detail .rbn-location-detail-address{margin-bottom:14px;font-size:11px}
.rbn-location-option-detail .rbn-location-opening-title{font-size:10px}
.rbn-location-option-detail .rbn-working-row{
display:grid;
grid-template-columns:minmax(72px,34%) minmax(0,1fr);
gap:8px;
font-size:10px;
}
.rbn-location-option-detail .rbn-working-row span{flex-basis:auto}
.rbn-location-option-detail .rbn-working-row strong{font-size:10px;overflow-wrap:anywhere}
.rbn-location-option-detail .rbn-location-contact{gap:10px}
.rbn-location-option-detail .rbn-location-details-copy{background:#fff}
/* Vehicle results use the editable search summary instead of a large title. */
.rbn-vehicle-selection{padding:0 0 42px!important}
.rbn-vehicle-mobile-summary{
display:block;
margin:10px 0 0;
}
.rbn-vehicle-mobile-summary .rbn-header-booking-summary{
display:flex!important;
width:100%;
min-width:0;
max-width:none;
min-height:62px;
margin:0;
padding:10px 10px 10px 14px;
border-radius:11px;
background:#191a1c;
}
.rbn-vehicle-mobile-summary .rbn-header-booking-summary-copy{gap:4px}
.rbn-vehicle-mobile-summary .rbn-header-booking-summary-copy strong{
font-size:13px;
line-height:1.25;
}
.rbn-vehicle-mobile-summary .rbn-header-booking-summary-copy span{
color:#d4d5d6;
font-size:11px;
line-height:1.25;
}
.rbn-vehicle-mobile-summary .rbn-header-booking-edit{
width:40px;
height:40px;
border-color:rgba(255,255,255,.22);
}
.rbn-vehicle-selection-head{display:none!important}
.rbn-vehicle-toolbar{
display:flex!important;
width:auto;
margin:0 -10px;
padding:12px 10px 14px!important;
gap:8px!important;
flex-wrap:nowrap!important;
overflow-x:auto;
overflow-y:hidden;
overscroll-behavior-inline:contain;
scroll-padding-inline:10px;
scrollbar-width:none;
-webkit-overflow-scrolling:touch;
}
.rbn-vehicle-toolbar::-webkit-scrollbar{display:none}
.rbn-vehicle-toolbar>*{flex:0 0 auto}
.rbn-vehicle-toolbar-divider{display:none!important}
.rbn-vehicle-sort-trigger,
.rbn-vehicle-filter-trigger,
.rbn-vehicle-quick-filter{
height:42px;
min-height:42px;
max-height:42px;
padding:0 13px;
font-size:12px;
}
.rbn-vehicle-sort-popover{
position:fixed;
z-index:100080;
top:auto;
right:10px;
bottom:calc(10px + env(safe-area-inset-bottom));
left:10px;
width:auto;
max-height:calc(100dvh - 30px);
overflow:auto;
}
.rbn-vehicle-grid{grid-template-columns:1fr!important;gap:14px}
.rbn-vehicle-card{
min-height:410px!important;
padding:14px!important;
border-radius:11px;
}
.rbn-vehicle-card::after{
inset:-2px!important;
border-width:2px!important;
border-radius:13px!important;
}
.rbn-vehicle-card-title{font-size:21px!important;line-height:1.08}
.rbn-vehicle-card-class{margin-top:6px;font-size:11px}
.rbn-vehicle-card-specs{margin-top:9px}
.rbn-vehicle-card-specs>span{
min-height:22px;
height:22px;
margin:2px 0;
padding-right:8px;
padding-left:6px;
font-size:11px;
}
.rbn-vehicle-card-media{min-height:185px!important;margin-top:0}
.rbn-vehicle-card-media img{max-height:190px!important}
.rbn-vehicle-card-bottom{gap:9px}
.rbn-vehicle-included{font-size:11px}
.rbn-vehicle-price-daily .rbn-vehicle-price-number{font-size:22px}
.rbn-vehicle-price-daily .rbn-vehicle-price-decimal,
.rbn-vehicle-price-daily .rbn-vehicle-currency,
.rbn-vehicle-price-suffix{font-size:12px}
.rbn-vehicle-filter-modal{padding:8px}
.rbn-vehicle-filter-dialog{
max-height:calc(100dvh - 16px - env(safe-area-inset-bottom));
border-radius:13px;
}
.rbn-vehicle-filter-head{padding:17px 16px}
.rbn-vehicle-filter-head h2{font-size:21px}
.rbn-vehicle-filter-body{padding:0 16px 12px}
.rbn-vehicle-filter-section{padding:18px 0}
.rbn-vehicle-filter-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.rbn-vehicle-filter-options button{min-height:44px}
.rbn-vehicle-filter-footer{padding:12px 16px calc(14px + env(safe-area-inset-bottom))}
/* Insurance and equipment retain their title, while actions become a fixed bottom bar. */
.rbn-insurance-selection,
.rbn-equipment-selection{
min-height:0;
padding-bottom:calc(88px + env(safe-area-inset-bottom));
}
.rbn-insurance-selection .rbn-insurance-titlebar-inner,
.rbn-equipment-selection .rbn-insurance-titlebar-inner{
min-height:64px!important;
max-height:none!important;
padding-top:10px!important;
padding-bottom:10px!important;
align-items:center!important;
flex-direction:row!important;
}
.rbn-insurance-selection .rbn-insurance-title-wrap,
.rbn-equipment-selection .rbn-insurance-title-wrap{
width:100%;
gap:8px;
}
.rbn-insurance-selection .rbn-insurance-title-wrap h1,
.rbn-equipment-selection .rbn-insurance-title-wrap h1{
min-width:0;
margin:0;
font-size:22px!important;
line-height:1.18!important;
overflow-wrap:anywhere;
}
.rbn-insurance-selection .rbn-insurance-back,
.rbn-equipment-selection .rbn-insurance-back{
width:40px;
height:40px;
flex-basis:40px;
}
.rbn-insurance-selection .rbn-insurance-title-actions,
.rbn-equipment-selection .rbn-insurance-title-actions{
position:fixed;
z-index:100140;
right:0;
bottom:0;
left:0;
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(132px,44%);
align-items:center!important;
width:100%;
gap:8px;
padding:10px 10px calc(10px + env(safe-area-inset-bottom));
border-top:1px solid #dedfe1;
background:rgba(255,255,255,.97);
box-shadow:0 -8px 28px rgba(0,0,0,.12);
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
}
.rbn-insurance-selection .rbn-insurance-total-trigger,
.rbn-equipment-selection .rbn-insurance-total-trigger{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
width:100%;
min-width:0!important;
min-height:48px;
padding:0 8px!important;
gap:7px!important;
text-align:left!important;
}
.rbn-insurance-selection .rbn-insurance-total-label,
.rbn-insurance-selection .rbn-insurance-total-details,
.rbn-equipment-selection .rbn-insurance-total-label,
.rbn-equipment-selection .rbn-insurance-total-details{display:none!important}
.rbn-insurance-selection .rbn-insurance-total-amount,
.rbn-equipment-selection .rbn-insurance-total-amount{
display:flex;
min-width:0;
align-items:baseline;
flex:0 1 auto;
}
.rbn-insurance-selection .rbn-insurance-total-trigger .rbn-insurance-price-prefix,
.rbn-insurance-selection .rbn-insurance-total-trigger .rbn-insurance-price-major,
.rbn-equipment-selection .rbn-insurance-total-trigger .rbn-insurance-price-prefix,
.rbn-equipment-selection .rbn-insurance-total-trigger .rbn-insurance-price-major{
font-size:21px!important;
font-weight:800!important;
}
.rbn-insurance-selection .rbn-insurance-total-trigger .rbn-insurance-price-minor,
.rbn-equipment-selection .rbn-insurance-total-trigger .rbn-insurance-price-minor{
font-size:12px!important;
}
.rbn-insurance-selection .rbn-insurance-total-chevron,
.rbn-equipment-selection .rbn-insurance-total-chevron{
display:grid!important;
place-items:center;
width:20px;
height:20px;
flex:0 0 20px;
transition:transform .18s ease;
}
.rbn-insurance-selection .rbn-insurance-total-trigger[aria-expanded="true"] .rbn-insurance-total-chevron,
.rbn-equipment-selection .rbn-insurance-total-trigger[aria-expanded="true"] .rbn-insurance-total-chevron{transform:rotate(180deg)}
.rbn-insurance-selection .rbn-insurance-continue,
.rbn-equipment-selection .rbn-insurance-continue{
width:100%;
min-width:0;
min-height:48px;
margin:0;
padding:0 16px;
font-size:14px;
}
.rbn-insurance-selection .rbn-insurance-content,
.rbn-equipment-selection .rbn-equipment-content{
padding-top:18px!important;
padding-bottom:10px;
}
.rbn-insurance-notice,
.rbn-equipment-notice{
gap:10px;
margin:0 0 12px;
padding:12px;
border-radius:9px;
}
.rbn-insurance-notice p,
.rbn-equipment-notice p{font-size:12px;line-height:1.45}
.rbn-insurance-grid{
display:grid!important;
grid-template-columns:1fr!important;
gap:12px!important;
}
.rbn-insurance-card{
width:100%;
min-width:0;
min-height:0!important;
border-radius:10px;
}
.rbn-insurance-card-top{
min-height:0;
gap:8px;
padding:15px 14px 13px;
}
.rbn-insurance-card-title-row{gap:10px}
.rbn-insurance-card-title-row strong{
min-width:0;
font-size:20px!important;
overflow-wrap:anywhere;
}
.rbn-insurance-card-choice{gap:6px}
.rbn-insurance-recommended-badge{max-width:160px;overflow-wrap:anywhere}
.rbn-insurance-card-body{gap:9px;padding:14px}
.rbn-insurance-feature{font-size:12px;overflow-wrap:anywhere}
.rbn-insurance-card-price{padding:13px 14px 15px}
.rbn-insurance-card-price .rbn-insurance-price-number{font-size:20px}
.rbn-insurance-empty{padding:28px 16px}
.rbn-insurance-feedback{margin-top:8px}
.rbn-equipment-layout{display:block!important;width:100%}
.rbn-equipment-list{width:100%;gap:10px}
.rbn-equipment-card{width:100%;border-radius:10px}
.rbn-equipment-top-row{
display:grid;
grid-template-columns:24px minmax(0,1fr) auto;
align-items:center;
width:100%;
min-height:58px;
gap:9px;
padding:11px 12px 7px;
}
.rbn-equipment-name{
min-width:0;
font-size:15px;
overflow-wrap:anywhere;
}
.rbn-equipment-actions{min-width:0;gap:8px}
.rbn-equipment-details-trigger{font-size:11px}
.rbn-equipment-switch{width:52px;height:28px}
.rbn-equipment-switch>span{width:24px;height:24px}
.rbn-equipment-switch.is-on>span{transform:translateX(24px)}
.rbn-equipment-price-row{min-height:30px;padding:0 12px 11px 45px;font-size:13px}
.rbn-equipment-description{
width:calc(100% - 24px);
margin:0 12px 12px;
padding:12px;
}
.rbn-equipment-description p{font-size:12px;overflow-wrap:anywhere}
.rbn-equipment-overview{
width:100%!important;
max-width:none!important;
margin-top:18px;
padding:15px;
}
/* Existing price calculation becomes an expandable bottom sheet above the action bar. */
.rbn-insurance-selection .rbn-price-details-modal,
.rbn-equipment-selection .rbn-price-details-modal{
z-index:100120;
display:block;
padding:0;
pointer-events:none;
}
.rbn-insurance-selection .rbn-price-details-modal[hidden],
.rbn-equipment-selection .rbn-price-details-modal[hidden]{display:none!important}
.rbn-insurance-selection .rbn-price-details-backdrop,
.rbn-equipment-selection .rbn-price-details-backdrop{display:none!important}
.rbn-insurance-selection .rbn-price-details-dialog,
.rbn-equipment-selection .rbn-price-details-dialog{
position:absolute;
right:0;
bottom:calc(68px + env(safe-area-inset-bottom));
left:0;
width:100%;
max-height:min(68vh,620px);
max-height:min(68dvh,620px);
padding:20px 16px;
border-right:0;
border-bottom:0;
border-left:0;
border-radius:16px 16px 0 0;
overflow-y:auto;
box-shadow:0 -14px 36px rgba(0,0,0,.18);
pointer-events:auto;
}
.rbn-insurance-selection .rbn-price-details-dialog h2,
.rbn-equipment-selection .rbn-price-details-dialog h2{font-size:20px;margin-bottom:17px}
/* Compact form controls on remaining booking steps. */
.rbn-booking-flow-page .rbn-checkout-content{padding-top:22px}
.rbn-booking-flow-page .rbn-checkout-layout{gap:22px}
.rbn-booking-flow-page .rbn-checkout-form{gap:26px}
.rbn-booking-flow-page .rbn-checkout-section-head h2{font-size:18px}
.rbn-booking-flow-page .rbn-checkout-field{min-width:100%}
.rbn-booking-flow-page .rbn-checkout-field input,
.rbn-booking-flow-page .rbn-checkout-field select{
min-height:46px;
font-size:14px;
}
}
@media(max-width:430px){
.rbn-header-inner{gap:2px!important}
.rbn-brand{max-width:94px!important}
.rbn-header-action:not(.rbn-header-lcc){width:40px;min-width:40px}
.rbn-header-lcc-trigger{padding:0 3px}
.rbn-insurance-selection .rbn-insurance-title-wrap h1,
.rbn-equipment-selection .rbn-insurance-title-wrap h1{font-size:20px!important}
.rbn-insurance-recommended-badge{max-width:145px}
}
@media(max-width:360px){
.rbn-brand{max-width:78px!important}
.rbn-header-action:not(.rbn-header-lcc){width:37px;min-width:37px}
.rbn-header-lcc-trigger{gap:1px;padding:0 2px;font-size:10px}
.rbn-header-lcc-chevron{display:none}
.rbn-location-option-detail{padding-left:14px}
.rbn-insurance-selection .rbn-insurance-title-actions,
.rbn-equipment-selection .rbn-insurance-title-actions{
grid-template-columns:minmax(0,1fr) 126px;
gap:6px;
padding-right:8px;
padding-left:8px;
}
.rbn-insurance-selection .rbn-insurance-total-trigger,
.rbn-equipment-selection .rbn-insurance-total-trigger{padding:0 4px!important}
.rbn-insurance-selection .rbn-insurance-total-trigger .rbn-insurance-price-prefix,
.rbn-insurance-selection .rbn-insurance-total-trigger .rbn-insurance-price-major,
.rbn-equipment-selection .rbn-insurance-total-trigger .rbn-insurance-price-prefix,
.rbn-equipment-selection .rbn-insurance-total-trigger .rbn-insurance-price-major{font-size:19px!important}
.rbn-equipment-top-row{grid-template-columns:22px minmax(0,1fr) auto;gap:7px;padding-inline:10px}
.rbn-equipment-actions{gap:6px}
.rbn-equipment-switch{width:48px;height:26px}
.rbn-equipment-switch>span{width:22px;height:22px}
.rbn-equipment-switch.is-on>span{transform:translateX(22px)}
}
@media(prefers-reduced-motion:reduce){
.rbn-insurance-total-chevron{transition:none!important}
}
/* v0.7.31 — mobile popup, titlebar, sticky pricing and checkout refinements */
.rbn-footer-columns{gap:clamp(12px,var(--rbn-footer-column-gap,40px),100px)}
.rbn-insurance-titlebar,
.rbn-insurance-titlebar .rbn-insurance-titlebar-inner{
min-height:65px!important;
max-height:65px!important;
}
.rbn-container.rbn-insurance-content,
.rbn-container.rbn-equipment-content{padding-top:0!important}
.rbn-insurance-grid{gap:24px!important}
.rbn-insurance-card-heading{
display:flex;
min-width:0;
flex:1 1 auto;
flex-direction:column;
align-items:flex-start;
gap:8px;
text-align:left;
}
.rbn-insurance-card-heading>strong{min-width:0;overflow-wrap:anywhere}
.rbn-insurance-card-title-row>.rbn-insurance-radio{flex:0 0 auto;margin-left:auto}
.rbn-checkout-mobile-summary-wrap,
.rbn-checkout-overview-backdrop,
.rbn-checkout-overview-close,
.rbn-location-popover-backdrop{display:none}
.rbn-driver-age-popover{
height:fit-content!important;
min-height:0!important;
max-height:none!important;
overflow:visible!important;
}
@media(max-width:760px){
html.rbn-location-modal-open,
html.rbn-checkout-overview-open{overflow:hidden}
/* The configured width is a maximum; very narrow phones still keep all header actions visible. */
.rbn-brand{
width:auto!important;
max-width:min(var(--rbn-mobile-logo-width,150px),calc(100vw - 180px))!important;
}
.rbn-brand a{width:auto;max-width:100%}
.rbn-brand .rbn-logo-image,
.rbn-brand .custom-logo{
width:auto!important;
max-width:min(100%,var(--rbn-mobile-logo-width,150px))!important;
}
/* Centered, content-height location dialog rather than a full-height sheet. */
.rbn-location-popover-backdrop:not([hidden]){
position:fixed;
z-index:100299;
inset:0;
display:block;
width:100%;
height:100%;
margin:0;
padding:0;
border:0;
border-radius:0;
background:rgba(12,14,16,.52);
cursor:default;
}
.rbn-location-popover{
position:fixed!important;
z-index:100300!important;
top:50%!important;
right:auto!important;
bottom:auto!important;
left:50%!important;
width:min(520px,calc(100vw - 20px))!important;
height:auto!important;
max-height:min(78vh,680px)!important;
max-height:min(78dvh,680px)!important;
transform:translate(-50%,-50%);
border-radius:14px;
overflow:hidden;
box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.rbn-location-popover-body{
display:block!important;
height:auto!important;
min-height:0!important;
max-height:calc(min(78dvh,680px) - 54px)!important;
overflow:hidden;
}
.rbn-location-list-wrap{
height:auto!important;
max-height:calc(min(78dvh,680px) - 54px)!important;
padding:6px 0 10px!important;
overflow-y:auto;
}
/* Calendar follows the active date trigger, matching the existing time picker behaviour. */
.rbn-calendar-popover{
position:absolute!important;
right:auto!important;
bottom:auto!important;
max-height:min(68vh,560px)!important;
max-height:min(68dvh,560px)!important;
margin:0!important;
overflow-y:auto;
transform:none!important;
}
/* All reservation step titlebars use the same compact, centered heading treatment. */
.rbn-insurance-selection .rbn-insurance-titlebar-inner,
.rbn-equipment-selection .rbn-insurance-titlebar-inner,
.rbn-checkout .rbn-insurance-titlebar-inner{
position:relative;
min-height:65px!important;
max-height:65px!important;
padding:0 10px!important;
justify-content:center!important;
}
.rbn-insurance-selection .rbn-insurance-title-wrap,
.rbn-equipment-selection .rbn-insurance-title-wrap,
.rbn-checkout .rbn-insurance-title-wrap{
position:relative;
display:flex;
width:100%;
min-width:0;
height:65px;
padding:0 46px;
align-items:center;
justify-content:center;
}
.rbn-insurance-selection .rbn-insurance-title-wrap h1,
.rbn-equipment-selection .rbn-insurance-title-wrap h1,
.rbn-checkout .rbn-insurance-title-wrap h1{
width:100%;
margin:0;
font-size:20px!important;
line-height:1.15!important;
text-align:center;
overflow-wrap:anywhere;
}
.rbn-insurance-selection .rbn-insurance-back,
.rbn-equipment-selection .rbn-insurance-back,
.rbn-checkout .rbn-insurance-back{
position:absolute;
top:50%;
left:0;
width:40px;
height:40px;
margin:0;
transform:translateY(-50%);
}
.rbn-insurance-selection .rbn-insurance-content,
.rbn-equipment-selection .rbn-equipment-content{padding-top:0!important}
.rbn-insurance-grid{gap:24px!important}
.rbn-insurance-card-title-row{
width:100%;
align-items:flex-start!important;
flex-wrap:nowrap!important;
gap:12px!important;
}
.rbn-insurance-card-heading{gap:7px}
.rbn-insurance-card-heading>strong{
width:100%;
font-size:20px!important;
line-height:1.18;
}
.rbn-insurance-recommended-badge{
width:auto!important;
max-width:100%!important;
margin:0!important;
justify-content:flex-start;
}
.rbn-insurance-card-title-row>.rbn-insurance-radio{
margin-top:1px;
margin-left:auto!important;
}
/* Center the action bar and make the opened price sheet visually continuous with it. */
.rbn-insurance-selection .rbn-insurance-title-actions,
.rbn-equipment-selection .rbn-insurance-title-actions{
right:auto!important;
left:50%!important;
width:min(100%,680px)!important;
transform:translateX(-50%);
justify-content:center;
}
.rbn-insurance-selection.is-price-details-open .rbn-insurance-title-actions,
.rbn-equipment-selection.is-price-details-open .rbn-insurance-title-actions{
border-top-color:transparent!important;
box-shadow:none!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
}
.rbn-insurance-selection .rbn-price-details-dialog,
.rbn-equipment-selection .rbn-price-details-dialog{
right:auto!important;
left:50%!important;
width:min(100%,680px)!important;
transform:translateX(-50%);
border-bottom:0!important;
border-radius:16px 16px 0 0!important;
}
.rbn-insurance-selection.is-price-details-open .rbn-price-details-dialog,
.rbn-equipment-selection.is-price-details-open .rbn-price-details-dialog{
box-shadow:0 -16px 38px rgba(0,0,0,.18)!important;
}
/* Checkout title plus compact vehicle/price card based on the supplied reference. */
.rbn-checkout-title-actions{display:none!important}
.rbn-checkout-mobile-summary-wrap{
display:block;
padding-top:10px;
padding-bottom:0;
}
.rbn-checkout-mobile-summary{
display:flex;
width:100%;
min-height:72px;
margin:0;
padding:10px;
border:0;
border-radius:11px;
background:#f3f3f4;
color:#171717;
align-items:center;
justify-content:space-between;
gap:10px;
text-align:left;
cursor:pointer;
box-shadow:none;
}
.rbn-checkout-mobile-vehicle{
display:flex;
min-width:0;
flex:1 1 auto;
align-items:center;
gap:12px;
}
.rbn-checkout-mobile-thumb{
display:flex;
width:50px;
height:38px;
flex:0 0 50px;
align-items:center;
justify-content:center;
overflow:hidden;
border-radius:5px;
background:#d7dadd;
}
.rbn-checkout-mobile-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.rbn-checkout-mobile-copy{display:flex;min-width:0;flex-direction:column;gap:2px}
.rbn-checkout-mobile-copy strong{
overflow:hidden;
color:#171717;
font-size:14px;
font-weight:800;
line-height:1.25;
text-overflow:ellipsis;
white-space:nowrap;
}
.rbn-checkout-mobile-copy small{
overflow:hidden;
color:#656a70;
font-size:10px;
font-weight:500;
line-height:1.25;
text-overflow:ellipsis;
white-space:nowrap;
}
.rbn-checkout-mobile-price{
display:flex;
flex:0 0 auto;
flex-direction:column;
align-items:flex-end;
justify-content:center;
gap:1px;
text-align:right;
}
.rbn-checkout-mobile-price>strong{
display:flex;
align-items:baseline;
color:#171717;
white-space:nowrap;
}
.rbn-checkout-mobile-price .rbn-insurance-price-prefix,
.rbn-checkout-mobile-price .rbn-insurance-price-major{font-size:14px!important;font-weight:800!important}
.rbn-checkout-mobile-price .rbn-insurance-price-minor{font-size:10px!important;font-weight:800!important}
.rbn-checkout-mobile-price small{
color:#171717;
font-size:10px;
line-height:1.2;
text-decoration:underline;
text-underline-offset:2px;
}
.rbn-checkout-mobile-price small span{display:inline-block;margin-left:1px;text-decoration:none}
.rbn-booking-flow-page .rbn-checkout-content{padding-top:14px!important}
/* Existing checkout overview becomes a mobile bottom sheet and is otherwise hidden. */
.rbn-checkout-overview{
display:none!important;
}
.rbn-checkout-overview-backdrop:not([hidden]){
position:fixed;
z-index:100169;
inset:0;
display:block;
width:100%;
height:100%;
margin:0;
padding:0;
border:0;
border-radius:0;
background:rgba(12,14,16,.54);
}
.rbn-checkout-overview.is-mobile-open{
position:fixed!important;
z-index:100170;
right:auto!important;
bottom:0!important;
left:50%!important;
display:flex!important;
width:min(100%,680px)!important;
max-width:680px!important;
max-height:min(82vh,760px);
max-height:min(82dvh,760px);
padding:42px 10px calc(12px + env(safe-area-inset-bottom));
flex-direction:column;
gap:16px;
overflow-y:auto;
border-radius:16px 16px 0 0;
background:#fff;
transform:translateX(-50%);
box-shadow:0 -18px 48px rgba(0,0,0,.24);
-webkit-overflow-scrolling:touch;
}
.rbn-checkout-overview.is-mobile-open .rbn-checkout-overview-card{width:100%;margin:0}
.rbn-checkout-overview-close{
position:absolute;
z-index:2;
top:7px;
right:10px;
display:grid;
width:34px;
height:34px;
padding:0;
place-items:center;
border:0;
border-radius:50%;
background:#f0f1f2;
color:#171717;
font-size:24px;
line-height:1;
cursor:pointer;
}
}
@media(max-width:430px){
.rbn-brand{max-width:min(var(--rbn-mobile-logo-width,150px),calc(100vw - 174px))!important}
.rbn-insurance-selection .rbn-insurance-title-wrap h1,
.rbn-equipment-selection .rbn-insurance-title-wrap h1,
.rbn-checkout .rbn-insurance-title-wrap h1{font-size:19px!important}
}
@media(max-width:360px){
.rbn-brand{max-width:min(var(--rbn-mobile-logo-width,150px),calc(100vw - 168px))!important}
.rbn-checkout-mobile-summary{padding:8px;gap:7px}
.rbn-checkout-mobile-vehicle{gap:8px}
.rbn-checkout-mobile-thumb{width:46px;height:36px;flex-basis:46px}
.rbn-checkout-mobile-copy strong{font-size:13px}
.rbn-checkout-mobile-price .rbn-insurance-price-prefix,
.rbn-checkout-mobile-price .rbn-insurance-price-major{font-size:13px!important}
}
/* v0.7.32 — mobile calendar, touch sorting, unified titlebars and bottom sheets */
@keyframes rbn-mobile-sheet-rise{
from{opacity:.35;transform:translate(-50%,100%)}
to{opacity:1;transform:translate(-50%,0)}
}
@keyframes rbn-mobile-backdrop-fade{
from{opacity:0}
to{opacity:1}
}
@media(max-width:760px){
/* Keep language/currency choices clearly below the complete header row. */
.rbn-header-lcc-popover{
top:var(--rbn-lcc-mobile-top,calc(clamp(58px,var(--rbn-header-height),70px) + 16px + env(safe-area-inset-top)))!important;
}
.rbn-header-lcc-popover::before{display:none!important}
/* The mobile calendar uses the available width and keeps all seven columns easy to read. */
.rbn-calendar-popover{
padding:10px!important;
border-radius:14px!important;
overflow:visible!important;
}
.rbn-calendar-navigation{
position:relative;
display:block!important;
width:100%;
padding:0!important;
}
.rbn-calendar-navigation>[data-rbn-calendar-prev],
.rbn-calendar-navigation>[data-rbn-calendar-next]{
position:absolute;
z-index:3;
top:0;
width:40px!important;
height:40px!important;
margin:0!important;
border:1px solid #e0e1e3!important;
background:#f7f7f8!important;
font-size:26px!important;
touch-action:manipulation;
}
.rbn-calendar-navigation>[data-rbn-calendar-prev]{left:0}
.rbn-calendar-navigation>[data-rbn-calendar-next]{right:0}
.rbn-calendar-months{
display:block!important;
width:100%;
min-width:0;
}
.rbn-calendar-month{
display:block;
width:100%;
min-width:0;
}
.rbn-calendar-month:nth-child(2),
.rbn-calendar-month:nth-child(3){display:none!important}
.rbn-calendar-month h3{
display:flex;
min-height:40px;
margin:0 0 9px!important;
padding:0 48px;
align-items:center;
justify-content:center;
font-size:17px!important;
font-weight:800;
line-height:1.15;
}
.rbn-calendar-weekdays,
.rbn-calendar-days{
width:100%;
min-width:0;
grid-template-columns:repeat(7,minmax(0,1fr))!important;
column-gap:0!important;
}
.rbn-calendar-weekdays{
min-height:24px;
margin:0 0 4px!important;
align-items:center;
font-size:10px!important;
}
.rbn-calendar-days{row-gap:4px!important}
.rbn-calendar-day,
.rbn-calendar-blank{
width:100%!important;
max-width:46px;
height:auto!important;
min-height:0!important;
aspect-ratio:1/1;
margin:auto!important;
}
.rbn-calendar-day{
border-radius:9px!important;
font-size:13px!important;
line-height:1;
touch-action:manipulation;
}
.rbn-calendar-day.is-range{max-width:none;border-radius:0!important}
.rbn-calendar-day.is-start{
border-top-left-radius:9px!important;
border-bottom-left-radius:9px!important;
border-top-right-radius:0!important;
border-bottom-right-radius:0!important;
}
.rbn-calendar-day.is-end,
.rbn-calendar-day.is-preview-end{
border-top-left-radius:0!important;
border-bottom-left-radius:0!important;
border-top-right-radius:9px!important;
border-bottom-right-radius:9px!important;
}
/* Real-device sorting is portalled outside the horizontal toolbar and placed under its trigger. */
.rbn-vehicle-sort-popover.is-mobile-portal{
z-index:100320!important;
display:flex;
margin:0!important;
padding:12px!important;
border-radius:13px!important;
overflow-y:auto;
overscroll-behavior:contain;
box-shadow:0 18px 45px rgba(0,0,0,.22)!important;
-webkit-overflow-scrolling:touch;
}
.rbn-vehicle-sort-popover.is-mobile-portal[hidden]{display:none!important}
.rbn-vehicle-sort-popover.is-mobile-portal button{
min-height:44px!important;
height:44px!important;
max-height:44px!important;
touch-action:manipulation;
}
/* Center the back icon and title as one horizontal group on every reservation step. */
.rbn-insurance-selection .rbn-insurance-titlebar-inner,
.rbn-equipment-selection .rbn-insurance-titlebar-inner,
.rbn-checkout .rbn-insurance-titlebar-inner{
min-height:65px!important;
max-height:65px!important;
padding:0 10px!important;
align-items:center!important;
justify-content:center!important;
}
.rbn-insurance-selection .rbn-insurance-title-wrap,
.rbn-equipment-selection .rbn-insurance-title-wrap,
.rbn-checkout .rbn-insurance-title-wrap{
position:static!important;
display:inline-flex!important;
width:auto!important;
max-width:100%;
height:65px!important;
min-width:0;
padding:0!important;
align-items:center!important;
justify-content:center!important;
gap:7px!important;
}
.rbn-insurance-selection .rbn-insurance-back,
.rbn-equipment-selection .rbn-insurance-back,
.rbn-checkout .rbn-insurance-back{
position:static!important;
width:34px!important;
height:34px!important;
margin:0!important;
flex:0 0 34px!important;
transform:none!important;
}
.rbn-insurance-selection .rbn-insurance-back span,
.rbn-insurance-selection .rbn-insurance-back svg,
.rbn-equipment-selection .rbn-insurance-back span,
.rbn-equipment-selection .rbn-insurance-back svg,
.rbn-checkout .rbn-insurance-back span,
.rbn-checkout .rbn-insurance-back svg{
width:34px!important;
height:34px!important;
}
.rbn-insurance-selection .rbn-insurance-title-wrap h1,
.rbn-equipment-selection .rbn-insurance-title-wrap h1,
.rbn-checkout .rbn-insurance-title-wrap h1{
width:auto!important;
min-width:0;
margin:0!important;
padding:0!important;
font-size:19px!important;
line-height:1.12!important;
text-align:left!important;
white-space:normal;
}
/* Keep the page's own bottom padding compact while content still clears the fixed bar. */
.rbn-insurance-selection,
.rbn-equipment-selection{
padding-bottom:30px!important;
}
.rbn-insurance-selection .rbn-insurance-content,
.rbn-equipment-selection .rbn-equipment-content{
padding-top:0!important;
padding-bottom:calc(82px + env(safe-area-inset-bottom))!important;
}
/* Center the price unit in the left half of both sticky action bars. */
.rbn-insurance-selection .rbn-insurance-total-trigger,
.rbn-equipment-selection .rbn-insurance-total-trigger{
justify-content:center!important;
text-align:center!important;
}
.rbn-insurance-selection .rbn-insurance-total-amount,
.rbn-equipment-selection .rbn-insurance-total-amount{
grid-column:auto!important;
grid-row:auto!important;
align-self:center!important;
justify-content:center!important;
text-align:center!important;
}
/* Price sheets and checkout overview rise from the bottom instead of appearing abruptly. */
.rbn-insurance-selection.is-price-details-open .rbn-price-details-dialog,
.rbn-equipment-selection.is-price-details-open .rbn-price-details-dialog{
animation:rbn-mobile-sheet-rise .28s cubic-bezier(.22,.8,.28,1) both;
}
.rbn-checkout-overview-backdrop:not([hidden]){
animation:rbn-mobile-backdrop-fade .2s ease both;
}
.rbn-checkout-overview.is-mobile-open{
top:auto!important;
bottom:0!important;
height:calc(100dvh - 78px - env(safe-area-inset-top))!important;
max-height:none!important;
padding:0!important;
gap:0!important;
overflow-y:auto!important;
border-radius:16px 16px 0 0!important;
background:#f4f5f6!important;
animation:rbn-mobile-sheet-rise .3s cubic-bezier(.22,.8,.28,1) both;
}
.rbn-checkout-overview.is-mobile-open .rbn-checkout-overview-card{
position:relative;
width:100%!important;
margin:0!important;
padding:14px 14px calc(20px + env(safe-area-inset-bottom))!important;
border-radius:16px 16px 0 0!important;
}
.rbn-checkout-overview.is-mobile-open .rbn-checkout-overview-close{
position:sticky!important;
z-index:5;
top:14px!important;
right:auto!important;
display:grid!important;
width:34px;
height:34px;
margin:0 0 -34px auto!important;
flex:0 0 34px;
box-shadow:0 2px 10px rgba(0,0,0,.08);
}
.rbn-checkout-overview.is-mobile-open .rbn-checkout-vehicle-summary{
padding-top:4px;
padding-right:42px;
}
.rbn-checkout-overview.is-mobile-open .rbn-checkout-highlights{
margin:12px 14px calc(14px + env(safe-area-inset-bottom));
}
}
@media(max-width:340px){
.rbn-calendar-day{font-size:12px!important}
.rbn-insurance-selection .rbn-insurance-title-wrap h1,
.rbn-equipment-selection .rbn-insurance-title-wrap h1,
.rbn-checkout .rbn-insurance-title-wrap h1{font-size:17px!important}
}
@media(prefers-reduced-motion:reduce){
.rbn-insurance-selection.is-price-details-open .rbn-price-details-dialog,
.rbn-equipment-selection.is-price-details-open .rbn-price-details-dialog,
.rbn-checkout-overview-backdrop:not([hidden]),
.rbn-checkout-overview.is-mobile-open{animation:none!important}
}
/* v0.7.33 — first-open calendar layout, left-aligned mobile headers/pricing and reversible sheets */
@keyframes rbn-mobile-sheet-drop{
from{opacity:1;transform:translate(-50%,0)}
to{opacity:.35;transform:translate(-50%,100%)}
}
@keyframes rbn-mobile-backdrop-fade-out{
from{opacity:1}
to{opacity:0}
}
@media(max-width:760px){
/* Keep the language/currency menu tight to the control that opened it. */
.rbn-header-lcc-popover{
top:var(--rbn-lcc-mobile-top,calc(clamp(58px,var(--rbn-header-height),70px) + 3px + env(safe-area-inset-top)))!important;
}
/* All three step headers are left aligned while remaining vertically centered in the 65px bar. */
.rbn-insurance-selection .rbn-insurance-titlebar-inner,
.rbn-equipment-selection .rbn-insurance-titlebar-inner,
.rbn-checkout .rbn-insurance-titlebar-inner{
justify-content:flex-start!important;
align-items:center!important;
}
.rbn-insurance-selection .rbn-insurance-title-wrap,
.rbn-equipment-selection .rbn-insurance-title-wrap,
.rbn-checkout .rbn-insurance-title-wrap{
width:100%!important;
justify-content:flex-start!important;
align-items:center!important;
text-align:left!important;
}
.rbn-insurance-selection .rbn-insurance-title-wrap h1,
.rbn-equipment-selection .rbn-insurance-title-wrap h1,
.rbn-checkout .rbn-insurance-title-wrap h1{
text-align:left!important;
}
/* The price in the left side of both sticky bars follows the same left alignment. */
.rbn-insurance-selection .rbn-insurance-total-trigger,
.rbn-equipment-selection .rbn-insurance-total-trigger{
justify-content:flex-start!important;
text-align:left!important;
}
.rbn-insurance-selection .rbn-insurance-total-amount,
.rbn-equipment-selection .rbn-insurance-total-amount{
margin-right:auto!important;
justify-content:flex-start!important;
text-align:left!important;
}
.rbn-checkout-mobile-price{gap:5px!important}
/* Requested compact page spacing; the content itself no longer adds an 82px spacer. */
.rbn-insurance-selection .rbn-insurance-content,
.rbn-equipment-selection .rbn-equipment-content,
.rbn-container.rbn-insurance-content,
.rbn-container.rbn-equipment-content{
padding-bottom:30px!important;
}
/* Use the requested fixed footer column rhythm on phones, regardless of the desktop studio value. */
.rbn-footer-columns{
--rbn-footer-column-gap:40px!important;
gap:var(--rbn-footer-column-gap)!important;
}
/* Reverse the opening motion when a mobile bottom sheet is closed. */
.rbn-insurance-selection.is-price-details-closing .rbn-price-details-dialog,
.rbn-equipment-selection.is-price-details-closing .rbn-price-details-dialog{
animation:rbn-mobile-sheet-drop .28s cubic-bezier(.72,0,.78,.2) both!important;
pointer-events:none;
}
.rbn-insurance-selection.is-price-details-closing .rbn-insurance-title-actions,
.rbn-equipment-selection.is-price-details-closing .rbn-insurance-title-actions{
border-top-color:transparent!important;
box-shadow:none!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
}
.rbn-checkout-overview.is-mobile-open.is-mobile-closing{
animation:rbn-mobile-sheet-drop .3s cubic-bezier(.72,0,.78,.2) both!important;
pointer-events:none;
}
.rbn-checkout-overview-backdrop.is-closing:not([hidden]){
animation:rbn-mobile-backdrop-fade-out .3s ease both!important;
pointer-events:none;
}
}
@media(prefers-reduced-motion:reduce){
.rbn-insurance-selection.is-price-details-closing .rbn-price-details-dialog,
.rbn-equipment-selection.is-price-details-closing .rbn-price-details-dialog,
.rbn-checkout-overview.is-mobile-open.is-mobile-closing,
.rbn-checkout-overview-backdrop.is-closing:not([hidden]){animation:none!important}
}
/* v0.7.34 — avoid doubled horizontal padding on the mobile confirmation page */
@media(max-width:760px){
.rbn-container.rbn-confirmation-inner{
padding-left:0!important;
padding-right:0!important;
}
}
/* v0.7.35 — forms-only customer authentication layout on phones */
@media(max-width:760px){
.rbn-account-auth-aside{
display:none!important;
}
}
/* v0.7.43 — hosted card payment for the full reservation amount */
.rbn-checkout-payment-methods{
display:grid;
gap:12px;
}
.rbn-checkout-payment{
position:relative;
min-width:0;
cursor:pointer;
border-color:var(--rbn-card-border)!important;
background:var(--rbn-booking-surface);
transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;
}
.rbn-checkout-payment:hover{
border-color:color-mix(in srgb,var(--rbn-booking-accent) 55%,var(--rbn-card-border))!important;
}
.rbn-checkout-payment.is-selected{
border-color:var(--rbn-booking-accent)!important;
background:var(--rbn-card-bg);
box-shadow:0 0 0 1px var(--rbn-booking-accent);
}
.rbn-checkout-payment-input{
position:absolute!important;
width:1px!important;
height:1px!important;
overflow:hidden!important;
opacity:0!important;
pointer-events:none!important;
}
.rbn-checkout-payment-radio{
border-color:#aeb2b6!important;
background:#fff!important;
}
.rbn-checkout-payment-radio>span{
background:var(--rbn-booking-accent)!important;
opacity:0;
transform:scale(.6);
transition:opacity .15s ease,transform .15s ease;
}
.rbn-checkout-payment.is-selected .rbn-checkout-payment-radio{
border-color:var(--rbn-booking-accent)!important;
}
.rbn-checkout-payment.is-selected .rbn-checkout-payment-radio>span{
opacity:1;
transform:scale(1);
}
.rbn-checkout-payment>span:last-child{min-width:0}
.rbn-checkout-payment-input:focus-visible+.rbn-checkout-payment-radio{
outline:2px solid var(--rbn-booking-accent);
outline-offset:3px;
}
.rbn-confirmation-is-payment-failed .rbn-confirmation-icon{
background:color-mix(in srgb,var(--rbn-ui-danger) 14%,#fff);
color:var(--rbn-ui-danger);
}
.rbn-confirmation-is-payment-failed .rbn-confirmation-state{
color:var(--rbn-ui-danger);
}
.rbn-confirmation-is-payment-failed .rbn-confirmation-state i{
background:var(--rbn-ui-danger);
}
.rbn-confirmation-is-payment-status:not(.rbn-confirmation-is-payment-failed) .rbn-confirmation-icon{
background:color-mix(in srgb,var(--rbn-ui-warning) 22%,#fff);
color:color-mix(in srgb,var(--rbn-ui-warning) 58%,#111);
}
.rbn-confirmation-retry{
justify-content:center;
text-decoration:none;
}
@media(max-width:760px){
.rbn-checkout-payment{padding:14px 13px}
.rbn-confirmation-is-payment-status .rbn-confirmation-actions>a{width:100%}
}
.rbn-account-reservation-card.is-payment_failed .rbn-account-reservation-status{
background:color-mix(in srgb,var(--rbn-ui-danger) 12%,#fff);
color:var(--rbn-ui-danger);
}
.rbn-account-reservation-card.is-payment_pending .rbn-account-reservation-status{
background:color-mix(in srgb,var(--rbn-ui-warning) 20%,#fff);
color:color-mix(in srgb,var(--rbn-ui-warning) 55%,#111);
}
.rbn-account-reservation-card.is-payment_received .rbn-account-reservation-status,
.rbn-account-reservation-card.is-payment_received_processing .rbn-account-reservation-status{
background:color-mix(in srgb,var(--rbn-ui-success) 14%,#fff);
color:color-mix(in srgb,var(--rbn-ui-success) 55%,#111);
}
/* v0.7.48 — configurable checkout payment methods */
.rbn-checkout-payment-unavailable{width:100%;box-sizing:border-box;padding:14px;border:1px solid #e4e5e7;border-radius:10px;background:#fafafa;color:#5f6368;font-size:14px;line-height:1.55}
/* v0.7.56 — SIXT-inspired global off-canvas navigation */
.rbn-global-menu-toggle{
display:inline-grid;
place-items:center;
flex:0 0 44px;
width:44px;
height:44px;
margin:0;
padding:0;
border:0;
border-radius:50%;
background:transparent;
color:inherit;
cursor:pointer;
-webkit-tap-highlight-color:transparent;
}
.rbn-global-menu-toggle:hover,
.rbn-global-menu-toggle:focus-visible,
.rbn-global-menu-toggle[aria-expanded="true"]{
background:rgba(255,255,255,.1);
outline:0;
}
.rbn-global-menu-toggle-icon{
position:relative;
display:block;
width:23px;
height:18px;
}
.rbn-global-menu-toggle-icon>span{
position:absolute;
left:0;
display:block;
width:23px;
height:2px;
border-radius:999px;
background:currentColor;
transform-origin:center;
transition:top .22s ease,transform .22s ease,opacity .16s ease;
}
.rbn-global-menu-toggle-icon>span:nth-child(1){top:1px}
.rbn-global-menu-toggle-icon>span:nth-child(2){top:8px}
.rbn-global-menu-toggle-icon>span:nth-child(3){top:15px}
.rbn-global-menu-toggle.is-open .rbn-global-menu-toggle-icon>span:nth-child(1){top:8px;transform:rotate(45deg)}
.rbn-global-menu-toggle.is-open .rbn-global-menu-toggle-icon>span:nth-child(2){opacity:0}
.rbn-global-menu-toggle.is-open .rbn-global-menu-toggle-icon>span:nth-child(3){top:8px;transform:rotate(-45deg)}
/* Keep the hamburger exactly 10px from the main header logo. */
.rbn-header-inner>.rbn-global-menu-toggle{margin-right:-18px}
.rbn-global-menu[hidden]{display:none!important}
.rbn-global-menu{
position:fixed;
z-index:100500;
inset:0;
pointer-events:none;
}
.rbn-global-menu-backdrop{
position:absolute;
z-index:0;
inset:0;
width:100%;
height:100%;
margin:0;
padding:0;
border:0;
border-radius:0;
background:rgba(4,6,8,.68);
opacity:0;
cursor:default;
transition:opacity .28s ease;
}
.rbn-global-menu-panel{
position:absolute;
z-index:1;
top:0;
bottom:0;
left:0;
display:flex;
width:min(390px,calc(100vw - 40px));
min-width:300px;
flex-direction:column;
overflow:hidden;
border-radius:0;
background:#fff;
color:#171717;
box-shadow:24px 0 70px rgba(0,0,0,.28);
transform:translate3d(-102%,0,0);
transition:transform .3s cubic-bezier(.22,.8,.25,1);
will-change:transform;
}
.rbn-global-menu.is-open{pointer-events:auto}
.rbn-global-menu.is-open .rbn-global-menu-backdrop{opacity:1}
.rbn-global-menu.is-open .rbn-global-menu-panel{transform:translate3d(0,0,0)}
.rbn-global-menu.is-closing{pointer-events:none}
.rbn-global-menu.is-closing .rbn-global-menu-backdrop{opacity:0}
.rbn-global-menu.is-closing .rbn-global-menu-panel{transform:translate3d(-102%,0,0)}
.rbn-global-menu-head{
display:flex;
min-height:88px;
align-items:center;
justify-content:flex-start;
gap:10px;
padding:calc(18px + env(safe-area-inset-top)) 10px 18px 80px;
}
.rbn-global-menu-brand{
display:flex;
min-width:0;
align-items:center;
}
.rbn-global-menu-brand .rbn-logo,
.rbn-global-menu-brand .custom-logo-link{
display:block;
max-width:190px;
}
.rbn-global-menu-logo-image,
.rbn-global-menu-brand .custom-logo{
display:block;
width:auto;
max-width:190px;
max-height:42px;
object-fit:contain;
object-position:left center;
filter:grayscale(1) brightness(0);
}
.rbn-global-menu-brand.has-custom-menu-logo .rbn-global-menu-logo-image{
filter:none;
}
.rbn-global-menu-brand .rbn-site-title{
color:#171717;
font-size:21px;
font-weight:800;
}
.rbn-global-menu-close{
display:grid;
flex:0 0 44px;
width:44px;
height:44px;
margin:0;
padding:0;
place-items:center;
border:0;
border-radius:50%;
background:transparent;
color:#171717;
cursor:pointer;
-webkit-tap-highlight-color:transparent;
}
.rbn-global-menu-close:hover,
.rbn-global-menu-close:focus-visible{
background:#f1f2f3;
outline:0;
}
.rbn-global-menu-close-icon{
display:block;
width:20px;
height:20px;
color:currentColor;
}
.rbn-global-menu-nav{
border-radius:0;
min-height:0;
flex:1 1 auto;
overflow-y:auto;
padding:10px 10px calc(38px + env(safe-area-inset-bottom)) 80px;
-webkit-overflow-scrolling:touch;
overscroll-behavior:contain;
}
.rbn-global-menu-list,
.rbn-global-submenu{
margin:0;
padding:0;
list-style:none;
}
.rbn-global-menu-list{
display:grid;
gap:6px;
}
.rbn-global-menu-item{margin:0;padding:0}
.rbn-global-menu-link{
display:flex;
min-width:0;
flex-direction:column;
align-items:flex-start;
gap:3px;
padding:10px 10px;
border-radius:0;
color:#171717;
text-decoration:none;
transition:color .15s ease;
}
.rbn-global-menu-link:hover,
.rbn-global-menu-link:focus-visible{
background:transparent;
color:var(--rbn-primary);
outline:0;
}
.rbn-global-menu-link[aria-current="page"],
.rbn-global-menu-item.current-menu-item>.rbn-global-menu-link,
.rbn-global-menu-item.current-menu-ancestor>.rbn-global-menu-link{
color:var(--rbn-primary);
}
.rbn-global-menu-item-title{
color:inherit;
font-size:20px;
font-weight:600;
line-height:1.15;
letter-spacing:-.015em;
}
.rbn-global-menu-item-description{
color:inherit;
font-size:12px;
font-weight:400;
line-height:1.35;
}
.rbn-global-submenu{
display:grid;
gap:1px;
margin:0 0 5px;
padding-left:17px;
}
.rbn-global-submenu .rbn-global-menu-link{padding-top:8px;padding-bottom:8px}
.rbn-global-submenu .rbn-global-menu-item-title{font-size:14px;font-weight:700}
.rbn-global-submenu .rbn-global-menu-item-description{font-size:10px}
.rbn-global-menu-mobile-actions{display:none}
body.rbn-global-menu-open{
position:fixed;
top:var(--rbn-global-menu-scroll-y,0);
right:0;
left:0;
width:100%;
overflow:hidden;
}
@media(max-width:900px){
.rbn-header-inner>.rbn-global-menu-toggle{margin-right:-4px}
}
@media(max-width:760px){
.rbn-global-menu-toggle{
flex-basis:42px;
width:42px;
height:44px;
margin-right:5px;
}
.rbn-header-inner>.rbn-global-menu-toggle+.rbn-brand{
max-width:min(var(--rbn-mobile-logo-width,150px),calc(100vw - 224px))!important;
}
.rbn-global-menu-panel{
width:min(360px,calc(100vw - 24px));
min-width:0;
border-radius:0;
}
.rbn-global-menu-head{
min-height:78px;
gap:10px;
padding-right:20px;
padding-left:20px;
}
.rbn-global-menu-brand .rbn-logo,
.rbn-global-menu-brand .custom-logo-link,
.rbn-global-menu-logo-image,
.rbn-global-menu-brand .custom-logo{max-width:168px}
.rbn-global-menu-nav{padding-right:20px;padding-left:20px}
.rbn-global-menu-item-title{font-size:20px;font-weight:600}
.rbn-global-menu-item-description{color:inherit;font-size:12px;font-weight:400}
.rbn-header-manage-action,
.rbn-header-account-action{display:none!important}
.rbn-global-menu-mobile-actions{
display:grid;
gap:2px;
margin-top:16px;
padding-bottom:calc(4px + env(safe-area-inset-bottom));
}
.rbn-global-menu-mobile-divider{
display:block;
width:100%;
height:1px;
margin:0 0 14px;
background:#eceeef;
}
.rbn-global-menu-mobile-action{
display:flex;
min-height:48px;
align-items:center;
gap:12px;
padding:8px 10px;
color:#171717;
font-size:15px;
font-weight:600;
line-height:1.25;
text-decoration:none;
transition:color .15s ease;
}
.rbn-global-menu-mobile-action:hover,
.rbn-global-menu-mobile-action:focus-visible{
background:transparent;
color:var(--rbn-primary);
outline:0;
}
.rbn-global-menu-mobile-action-icon{
display:grid;
flex:0 0 22px;
width:22px;
height:22px;
place-items:center;
}
.rbn-global-menu-mobile-action-icon svg{
display:block;
width:22px;
height:22px;
fill:currentColor;
}
}
@media(max-width:430px){
.rbn-header-inner>.rbn-global-menu-toggle{margin-right:8px}
}
@media(max-width:360px){
.rbn-header-inner>.rbn-global-menu-toggle+.rbn-brand{
max-width:min(var(--rbn-mobile-logo-width,150px),calc(100vw - 218px))!important;
}
}
@media(prefers-reduced-motion:reduce){
.rbn-global-menu-toggle-icon>span,
.rbn-global-menu-backdrop,
.rbn-global-menu-panel,
.rbn-global-menu-link{transition:none!important}
}
/* v0.7.80 — global menu must always cover page/Elementor content. */
body > .rbn-global-menu {
position: fixed !important;
z-index: 2147483000 !important;
inset: 0 !important;
width: 100vw !important;
max-width: none !important;
height: 100vh !important;
height: 100dvh !important;
max-height: none !important;
margin: 0 !important;
transform: none !important;
isolation: isolate;
}
body > .rbn-global-menu .rbn-global-menu-backdrop {
position: absolute !important;
z-index: 0 !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
}
body > .rbn-global-menu .rbn-global-menu-panel {
position: absolute !important;
z-index: 1 !important;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
height: 100% !important;
max-height: none !important;
}
/* Keep the WordPress admin toolbar accessible while previewing the site. */
body.admin-bar > .rbn-global-menu {
top: 32px !important;
bottom: auto !important;
height: calc(100vh - 32px) !important;
height: calc(100dvh - 32px) !important;
}
@media (max-width: 782px) {
body.admin-bar > .rbn-global-menu {
top: 46px !important;
height: calc(100vh - 46px) !important;
height: calc(100dvh - 46px) !important;
}
}
/* v0.7.92 — transparent EUR display / BAM card-charge notice */
.rbn-checkout-payment-conversion{
display:block;
margin-top:8px;
padding:9px 11px;
border-radius:8px;
background:color-mix(in srgb,var(--rbn-booking-accent) 8%,#fff);
color:var(--rbn-text-color);
font-size:12px;
line-height:1.45;
}
.rbn-checkout-payment-conversion strong{font-size:inherit;line-height:inherit;font-weight:600;color:inherit}
/* v0.7.100 — both payment-method settlement amounts stay visible. */
.rbn-checkout-payment-conversion.is-loading{
opacity:.62;
}
.rbn-checkout-payment-conversion.has-quote-error{
opacity:.8;
}