/* Modern Mobile design: keep the account menu in one readable vertical panel. */
html:is([data-client-design="MOBILE"],[data-client-design="GUIDED"],[data-client-design="SIMPLE"])[data-rental-mode] body.rental-client .client-top,
html:is([data-client-design="MOBILE"],[data-client-design="GUIDED"],[data-client-design="SIMPLE"])[data-rental-mode] body.rental-client .client-top>.design-top-nav{
  overflow:visible!important;
}
html:is([data-client-design="MOBILE"],[data-client-design="GUIDED"],[data-client-design="SIMPLE"])[data-rental-mode] body.rental-client .client-top:has(.design-full-menu[open]){
  z-index:120!important;
}
html:is([data-client-design="MOBILE"],[data-client-design="GUIDED"],[data-client-design="SIMPLE"])[data-rental-mode] body.rental-client .design-top-nav>.design-full-menu[open]{
  position:relative!important;
  z-index:130!important;
}
html:is([data-client-design="MOBILE"],[data-client-design="GUIDED"],[data-client-design="SIMPLE"])[data-rental-mode] body.rental-client .design-top-nav>.design-full-menu:not([open])>.design-menu-options{
  display:none!important;
}
html:is([data-client-design="MOBILE"],[data-client-design="GUIDED"],[data-client-design="SIMPLE"])[data-rental-mode] body.rental-client .design-top-nav>.design-full-menu[open]>.design-menu-options{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  flex-wrap:nowrap!important;
  position:absolute!important;
  top:calc(100% + 8px)!important;
  right:0!important;
  bottom:auto!important;
  left:auto!important;
  width:min(300px,calc(100vw - 32px))!important;
  height:auto!important;
  max-height:min(65dvh,560px)!important;
  padding:8px!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  white-space:normal!important;
  z-index:210!important;
  background:var(--fix-card,var(--rc-card,#fff))!important;
  border:1px solid var(--fix-line,var(--rc-line,#dce2ec))!important;
  border-radius:14px!important;
  box-shadow:0 18px 48px #0004!important;
}
html:is([data-client-design="MOBILE"],[data-client-design="GUIDED"],[data-client-design="SIMPLE"])[data-rental-mode] body.rental-client .design-top-nav>.design-full-menu[open]>.design-menu-options>:is(a,button){
  display:flex!important;
  flex:0 0 auto!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  padding:10px 12px!important;
  margin:0!important;
  box-sizing:border-box!important;
  white-space:normal!important;
  text-align:left!important;
  color:var(--fix-text,var(--rc-text,#15243a))!important;
  background:transparent!important;
}
html:is([data-client-design="MOBILE"],[data-client-design="GUIDED"],[data-client-design="SIMPLE"])[data-rental-mode] body.rental-client .design-menu-options>:is(a,button):is(:hover,:focus-visible){
  background:var(--fix-soft,var(--rc-tint,#eef2fb))!important;
  outline-offset:-3px!important;
}
@media(max-width:760px){
  html:is([data-client-design="MOBILE"],[data-client-design="GUIDED"],[data-client-design="SIMPLE"])[data-rental-mode] body.rental-client .design-top-nav>.design-full-menu[open]>.design-menu-options{
    position:fixed!important;
    top:auto!important;
    right:16px!important;
    bottom:calc(78px + env(safe-area-inset-bottom,0px))!important;
    left:16px!important;
    width:auto!important;
    max-height:calc(100dvh - 110px - env(safe-area-inset-bottom,0px))!important;
  }
}


/* Wide desktop: expose the account links on the right without an extra click. */
@media(min-width:1280px){
 html:is([data-client-design="MOBILE"],[data-client-design="GUIDED"],[data-client-design="SIMPLE"])[data-rental-mode] body.rental-client .client-top .design-top-nav>.design-full-menu{
  position:fixed!important;top:196px!important;right:16px!important;left:auto!important;bottom:auto!important;
  width:180px!important;max-width:180px!important;min-width:0!important;z-index:160!important;
  display:block!important;overflow:visible!important;
 }
 html:is([data-client-design="MOBILE"],[data-client-design="GUIDED"],[data-client-design="SIMPLE"])[data-rental-mode] body.rental-client .design-top-nav>.design-full-menu>summary{
  display:none!important;
 }
 html:is([data-client-design="MOBILE"],[data-client-design="GUIDED"],[data-client-design="SIMPLE"])[data-rental-mode] body.rental-client .design-top-nav>.design-full-menu[open]>.design-menu-options{
  position:static!important;inset:auto!important;width:100%!important;max-width:100%!important;
  max-height:calc(100dvh - 220px)!important;margin:0!important;padding:7px!important;
  box-shadow:0 10px 30px #0002!important;
 }
 html:is([data-client-design="MOBILE"],[data-client-design="GUIDED"],[data-client-design="SIMPLE"])[data-rental-mode] body.rental-client .design-menu-options>:is(a,button){
  font-size:12px!important;line-height:1.3!important;
 }
}
/* Guided phone header: two compact controls below the brand. */
@layer easy-start-layout{
 @media(max-width:760px){
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top{
   gap:6px!important;padding:8px 12px!important;margin-bottom:12px!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.client-mobile-brand{
   min-height:48px!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.tc-actions{
   margin:0!important;column-gap:8px!important;row-gap:0!important;
   grid-template-rows:auto!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.tc-actions .tc-toggle{
   min-height:76px!important;height:76px!important;padding:8px!important;gap:5px!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.tc-actions .tc-toggle small{
   font-size:9px!important;line-height:1.2!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.tc-actions .tc-toggle strong{
   font-size:11px!important;line-height:1.25!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.tc-actions>.balance-pill{
   min-height:76px!important;height:76px!important;padding:6px 8px!important;gap:2px!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.tc-actions>.balance-pill small{
   font-size:9px!important;line-height:1!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.tc-actions>.balance-pill b{
   font-size:15px!important;line-height:1.15!important;white-space:nowrap!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.tc-actions>.balance-pill a{
   min-height:30px!important;padding:4px 6px!important;font-size:11px!important;line-height:1.2!important;
  }
  html[data-client-design="GUIDED"][data-rental-mode] body.rental-client .client-top>.tc-actions>#tcWalletCaption{
   display:none!important;
  }
 }
}

/* Reserve the rail's width in page content, without compressing the top bar. */
@media(min-width:1280px){
 html:is([data-client-design="MOBILE"],[data-client-design="GUIDED"],[data-client-design="SIMPLE"])[data-rental-mode] body.rental-client .client-main > :not(.client-top):not(script):not(style){
  width:calc(100% - 210px)!important;
  max-width:calc(100% - 210px)!important;
  box-sizing:border-box!important;
  margin-left:0!important;
  margin-right:0!important;
 }
}

/* Anchor renter logos at the page corner without moving account controls. */
@media(min-width:761px){
 html:is([data-client-design="MOBILE"],[data-client-design="GUIDED"],[data-client-design="SIMPLE"])[data-rental-mode] body.rental-client .client-main>.client-top{
  width:100vw!important;max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
  padding-left:clamp(12px,1.5vw,24px)!important;
  border-left:0!important;border-right:0!important;
 }
 html[data-client-design="STANDARD"][data-rental-mode] body.rental-client .client-top{padding-left:8px!important}
}
@layer easy-start-layout{
 @media(max-width:760px){
  html[data-client-design][data-rental-mode] body.rental-client .client-top{padding-left:8px!important}
 }
}