/* Shared public and authenticated mobile navigation. */
@media(max-width:1050px){
 body.mobile-menu-unified-open{overflow:hidden!important}
 body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).unified-mobile-menu{position:fixed!important;inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:15000!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:0 20px calc(24px + env(safe-area-inset-bottom,0px))!important;overflow-y:auto!important;overscroll-behavior:contain!important;box-sizing:border-box!important;background:#fff!important;color:#101820!important;border:0!important;box-shadow:none!important;font-family:"DM Sans",Arial,sans-serif!important}
 body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).unified-mobile-menu[hidden]{display:none!important}
 body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).unified-mobile-menu:not([hidden]){display:block!important}
 body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).unified-mobile-menu .unified-menu-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:12px 0;background:#fff;border-bottom:1px solid #dce1e4}
 body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).unified-mobile-menu .unified-menu-brand{display:flex;align-items:center;gap:12px;color:#101820;text-decoration:none;font:800 17px/1.2 "DM Sans",Arial,sans-serif}
 body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).unified-mobile-menu .unified-menu-brand img{width:36px;height:36px;object-fit:contain}
 body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).unified-mobile-menu [data-close-mobile-menu]{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;background:#fff;color:#ff3600;font:400 30px Arial;cursor:pointer}
 body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).unified-mobile-menu>details,body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).unified-mobile-menu>a{margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid #dce1e4!important;background:#fff!important}
 body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).unified-mobile-menu>details>summary,body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).unified-mobile-menu>a,body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).unified-mobile-menu>button{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;width:100%!important;min-height:56px!important;margin:0!important;padding:12px 0!important;color:#101820!important;text-decoration:none!important;font:700 16px/1.3 "DM Sans",Arial,sans-serif!important;list-style:none!important;cursor:pointer!important;text-align:left!important}
 body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).unified-mobile-menu .creek-menu-title{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important}
 body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).unified-mobile-menu .creek-menu-icon{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;flex:0 0 24px!important;color:#ff3600!important;font:500 24px Arial!important}
 body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).unified-mobile-menu .creek-menu-icon svg{width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
 body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).unified-mobile-menu summary::-webkit-details-marker{display:none!important}
 body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).unified-mobile-menu>details>summary::after{content:""!important;display:block!important;width:8px!important;height:8px!important;flex:0 0 8px!important;border-right:2px solid #101820!important;border-bottom:2px solid #101820!important;transform:rotate(45deg)!important;margin:0 4px 4px auto!important}
 body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).unified-mobile-menu>details[open]>summary::after{transform:rotate(225deg)!important;margin-bottom:-4px!important}
 body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).unified-mobile-menu .creek-mobile-submenu{padding:0 0 12px 38px!important;margin:0!important;background:#fff!important}
 body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).unified-mobile-menu .creek-mobile-submenu>a{display:flex!important;align-items:center!important;min-height:44px!important;padding:8px 0!important;font:500 14px/1.4 "DM Sans",Arial,sans-serif!important;color:#596773!important;text-decoration:none!important;border:0!important}
 body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).unified-mobile-menu>button.creek-menu-account{justify-content:center!important;min-height:52px!important;margin:16px 0 0!important;padding:12px 16px!important;background:#ff3600!important;color:#fff!important;border:0!important;font:700 16px/1.3 "DM Sans",Arial,sans-serif!important}
 body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).unified-mobile-menu [hidden]{display:none!important}
}


@media(max-width:1050px){
 .account-layout>.account-sidebar,.profile-nav.account-sidebar{display:none!important}
 body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).split-rental-menu>details,
 body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).split-rental-menu>a,
 body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).split-rental-menu>button{display:none!important}
 body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).split-rental-menu>[data-open-auth]{display:flex!important}
 body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).split-rental-menu>[data-open-auth][hidden]{display:none!important}
 .rental-menu-grid,.split-profile-menu .personal-menu-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;padding:16px 0!important}
 .rental-menu-grid>a,.split-profile-menu .personal-menu-grid>a{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column;gap:8px!important;min-width:0!important;min-height:76px!important;padding:12px 8px!important;margin:0!important;border:1px solid #dce1e4!important;border-radius:8px!important;background:#fff!important;color:#101820!important;text-align:center!important;text-decoration:none!important;font:700 14px/1.35 "DM Sans",Arial,sans-serif!important;box-sizing:border-box!important}
 .rental-menu-grid>a[hidden]{display:none!important}
 .split-profile-menu>div>a{display:none!important}
 .split-profile-menu>div{padding:16px!important;box-sizing:border-box!important;width:min(360px,calc(100vw - 32px))!important;max-height:calc(100dvh - 120px)!important;overflow:auto!important}
 .split-profile-menu>div>button{width:100%!important;min-height:44px!important}
 .split-profile-menu .personal-menu-grid{order:1}
 .split-profile-menu>div{display:flex!important;flex-direction:column!important}
 .split-profile-menu>div>button{order:2}
 .split-profile-menu>div>header,.split-profile-menu>div>strong,.split-profile-menu>div>small{order:0}
}

@media(max-width:1050px){body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).split-rental-menu.no-profile-menu>[data-menu-signout]:not([hidden]){display:flex!important}}

@media(max-width:1050px){
 .split-profile-menu .personal-menu-grid{display:flex!important;flex-direction:column!important;gap:0!important;padding:8px 0!important}
 .split-profile-menu .personal-menu-grid>a{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;min-height:44px!important;padding:10px 0!important;border:0!important;border-radius:0!important;background:transparent!important;text-align:left!important;box-shadow:none!important;font:600 14px/1.4 "DM Sans",Arial,sans-serif!important}
}

/* Match account identity, settings and logout to one left inset. */
@media(max-width:1050px){
 body :is(#portalAccountMenu,#accountMenu).split-profile-menu>div{padding:12px 0!important;box-sizing:border-box!important}
 body :is(#portalAccountMenu,#accountMenu).split-profile-menu[open]>div{display:flex!important;flex-direction:column!important}
 body :is(#portalAccountMenu,#accountMenu).split-profile-menu>div>a[href="/profile"]{display:none!important}
 body :is(#portalAccountMenu,#accountMenu).split-profile-menu .personal-menu-grid{width:100%!important;margin:4px 0!important;padding:0!important;box-sizing:border-box!important}
 body :is(#portalAccountMenu,#accountMenu).split-profile-menu .personal-menu-grid>a{width:100%!important;min-height:44px!important;margin:0!important;padding:10px 20px!important;text-align:left!important;justify-content:flex-start!important;box-sizing:border-box!important;font:600 14px/1.4 "DM Sans",Arial,sans-serif!important}
 body :is(#portalAccountMenu,#accountMenu).split-profile-menu>div>header{padding:10px 20px!important;margin:0!important}
 body :is(#portalAccountMenu,#accountMenu).split-profile-menu>div>button,
 body :is(#portalAccountMenu,#accountMenu).split-profile-menu>div>a{padding-left:20px!important;padding-right:20px!important;box-sizing:border-box!important}
}

@media(max-width:1050px){body .location-directory-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important;gap:0!important}body .location-directory-tabs button{min-width:0!important;padding:10px 5px!important;font-size:13px!important;white-space:normal!important}body .auth-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important}body .auth-tabs button{min-width:0!important;white-space:normal!important}}

/* Mobile account pages reserve space for the header, not the hidden sidebar. */
@media(max-width:760px){
 html body .account-layout{padding:24px 18px 60px!important;gap:16px!important}
 html body .portal-topbar,html body .site-header{height:72px!important;min-height:72px!important;padding:0 16px!important}
 html body .portal-shell{padding-top:72px!important}
 html body:has(>.site-header){padding-top:72px}
 html body .portal-topbar .creek-header-controls{display:flex!important;align-items:center!important;gap:12px!important;flex:1!important;min-width:0!important;padding-right:108px!important}
 html body .creek-header-controls>span,html body .portal-topbar>div:last-child{display:none!important}
 html body .creek-header-controls .mobile-nav-details{margin-left:auto!important}
 html body .creek-portal-brand{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;text-decoration:none!important;color:#111820!important}
 html body .creek-portal-brand img{width:36px!important;height:36px!important;flex:0 0 36px!important;object-fit:contain!important}
 html body .creek-portal-brand>span{display:grid!important;gap:2px!important}
 html body .creek-portal-brand b{font:800 18px/1.1 Manrope,Arial,sans-serif!important;letter-spacing:2px!important}
 html body .creek-portal-brand small{display:block!important;font:700 10px/1.3 "DM Sans",Arial,sans-serif!important;letter-spacing:3px!important;color:#ff432d!important;margin:0!important}
 html body #mobileMenu,html body .site-header #mobileMenu{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#ff432d!important;font:400 29px/1 Arial,sans-serif!important}
 html body #portalAccountMenu.portal-account-anchor,html body #accountMenu.portal-account-anchor{top:14px!important;right:16px!important}
 html body .account-layout :is(.page-heading h1,.workspace-heading h2,.portal-welcome h1){font:800 25px/1.24 Manrope,Arial,sans-serif!important;letter-spacing:-.55px!important}
 html body .account-layout .trip-scope button{color:#ff432d!important;min-height:44px!important}
 html body .account-layout :is(input,select):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]){height:44px!important;min-height:44px!important}
}


/* Mobile page navigation lives in the hamburger on every customer page. */
@media(max-width:760px){
 html body .portal-sidebar,html body .portal-sidebar .portal-nav{display:none!important}
 html body .portal-shell,html body .portal-main{padding-bottom:0!important}
 html body .account-layout{padding-bottom:32px!important}
}

/* One mobile header grid and legible selected reservation tabs. */
@media(max-width:760px){
 html body .portal-topbar .creek-header-controls{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;width:100%!important;flex:1 1 100%!important;box-sizing:border-box!important;gap:8px!important}
 html body .creek-header-controls #mobileNavDetails{position:static!important;display:block!important;width:44px!important;min-width:44px!important;grid-column:2!important;justify-self:end!important;margin:0!important}
 html body .creek-header-controls>.creek-portal-brand{grid-column:1!important;grid-row:1!important}
 html body .site-header .brand.creek-portal-brand b{font:800 18px/1.1 Manrope,Arial,sans-serif!important;letter-spacing:2px!important}
 html body .site-header .brand.creek-portal-brand small{font:700 10px/1.3 "DM Sans",Arial,sans-serif!important;letter-spacing:3px!important;color:#ff432d!important}
 html body .account-layout .trip-scope button:is(.active,[aria-selected="true"],:hover){background:#ff432d!important;color:#fff!important}
 /* The homepage header stays in the reserved header space rather than adding another row. */
 html body .site-header.restored-header{position:fixed!important;inset:0 0 auto!important;width:100%!important;box-sizing:border-box!important;display:block!important}
 html body .restored-header .nav{height:72px!important;min-height:72px!important;padding:0!important;margin:0!important;width:100%!important;max-width:none!important}
}

.save-vehicle-button{display:block;min-height:44px;padding:10px 14px;margin:12px 0;background:#fff;color:#101820;border:1px solid #dce1e4;border-radius:8px;font:700 14px/1.35 "DM Sans",Arial,sans-serif;cursor:pointer}.save-vehicle-button[aria-pressed="true"]{color:#ff432d;border-color:#ff432d}.saved-status{position:fixed;bottom:16px;left:16px;right:16px;z-index:16000;max-width:480px;margin:0 auto;padding:12px 16px;background:#101820;color:#fff;border-radius:8px;font:500 14px/1.4 "DM Sans",Arial,sans-serif}.saved-status:empty{display:none}
.guest-menu-signup{padding:12px 0 0;text-align:center;font:500 13px/1.5 "DM Sans",Arial,sans-serif;color:#596773}.guest-menu-signup a{font-weight:700;color:#101820}.guest-menu-legal{display:flex;justify-content:center;gap:24px;padding:16px 0;font:500 12px/1.5 "DM Sans",Arial,sans-serif;color:#596773}.guest-menu-signup[hidden]{display:none!important}

/* Keep the enlarged close control while preserving the original menu borders. */
@media(max-width:1050px){
 html body .unified-mobile-menu [data-close-mobile-menu]{
  display:grid!important;place-items:center!important;flex:0 0 44px!important;
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  padding:0!important;margin:0!important;border:0!important;background:#fff!important;
  color:#ff432d!important;font:400 32px/1 Arial,sans-serif!important;
 }
 html body .unified-mobile-menu [data-close-mobile-menu] svg{width:24px!important;height:24px!important}
 html body .unified-mobile-menu :is(.rental-menu-grid>a,.guest-menu-legal>a,[data-close-mobile-menu]):focus-visible{
  outline:none!important;outline-offset:3px;
 }
}

/* Keep account actions after navigation, including older cached menu scripts. */
@media(max-width:1050px){
 html body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).unified-mobile-menu:not([hidden]){
  display:flex!important;flex-direction:column!important;
 }
 html body .unified-mobile-menu>.unified-menu-heading{order:0!important;flex-shrink:0}
 html body .unified-mobile-menu>.rental-menu-grid{order:1!important;flex-shrink:0}
 html body .unified-mobile-menu>:is([data-open-auth],[data-menu-signout],[data-signout]){order:2!important;flex-shrink:0}
 html body .unified-mobile-menu>.guest-menu-signup{order:3!important}
 html body .unified-mobile-menu>.guest-menu-legal{order:4!important}
}

/* Sign out remains available when the header also offers account settings. */
@media(max-width:1050px){
 html body :is(#creekMobileMenu,#clientMoreMenu,#mobileNav).split-rental-menu>[data-menu-signout]:not([hidden]){display:flex!important;order:2!important;justify-content:center!important;margin:16px 0 0!important;min-height:48px!important;background:#ff432d!important;color:#fff!important}
}