/* One top bar on every page (Valentin 2026-10-20 18:07): same width, same sizes, links centred. Desktop only. */
@media (min-width:1024px){
  #nav > .wrap{max-width:1360px!important;margin-inline:auto!important;padding-left:max(40px,env(safe-area-inset-left,0px))!important;padding-right:max(40px,env(safe-area-inset-right,0px))!important;
    display:flex!important;align-items:center;gap:24px;min-height:72px;position:relative}
  #nav .logo{flex:none}
  #nav .logo img{height:20px!important;width:auto!important}
  #nav .nav-links{flex:1 1 auto;justify-content:center;display:flex!important;align-items:center;gap:28px!important;margin:0!important;transform:none!important;white-space:nowrap}
  #nav .nav-links > a,#nav .nav-links .for > button{font-size:15px!important;font-weight:500!important;letter-spacing:-.005em;padding:6px 0!important;white-space:nowrap}
  #nav .nav-right{flex:none;display:flex!important;align-items:center;gap:16px!important;margin:0!important;white-space:nowrap}
  #nav .nav-right > *{white-space:nowrap}
  #nav .nav-right .signin{order:1}#nav .nav-right .lang,#nav .nav-right .lang-sw,#nav .nav-right .lsw{order:2;position:static!important}#nav .nav-right .theme-toggle{order:3}
  #nav .nav-right .btn{order:4}#nav .nav-right .menu-btn{order:5}
}
@media (min-width:1024px) and (max-width:1279px){
  #nav .nav-links{gap:20px!important}
  #nav .nav-right{gap:12px!important}
  #nav .nav-right .signin{display:none!important}
  #nav .btn .long,#nav .btn .full,#nav .btn .nb-l,#nav .btn .lg{display:none!important}
  #nav .btn .short,#nav .btn .nb-s,#nav .btn .sh{display:inline!important}
}

/* Valentin 2026-10-20 18:50: 100% zoom should look like his 110% view on laptops and desktops. */
@media (min-width:1366px){html{zoom:1.1}}
@media (min-width:1900px){html{zoom:1.18}}

/* Tablet and small laptop (821-1279): the bar shrinks with the screen so it always fits on one line. */
@media (min-width:821px) and (max-width:1279px){
  #nav > .wrap{padding-left:max(clamp(16px,2.4vw,40px),env(safe-area-inset-left,0px))!important;padding-right:max(clamp(16px,2.4vw,40px),env(safe-area-inset-right,0px))!important;gap:clamp(10px,1.6vw,24px)!important}
  #nav .nav-links{gap:clamp(12px,1.7vw,22px)!important}
  #nav .nav-links > a,#nav .nav-links .for > button{font-size:clamp(13.5px,1.25vw,15px)!important}
  #nav .nav-right{gap:clamp(8px,1.1vw,14px)!important}
}

/* One bar everywhere (Valentin 2026-10-20 19:44): owners, lenders and the rest match the broker page exactly. */
#nav{background:rgba(255,255,255,.94)!important}
html[data-theme="dark"] #nav{background:rgba(10,11,13,.94)!important}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) #nav{background:rgba(10,11,13,.94)!important}}
#nav .theme-toggle svg{width:18px!important;height:18px!important}
#nav .theme-toggle svg circle,#nav .theme-toggle svg path{fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;stroke-linecap:round}
@media (min-width:1024px){
  #nav .nav-links .for > button{font-size:15px!important;font-weight:500!important}
}
@media (min-width:1280px){#nav .nav-links .for{min-width:12.9em;display:flex;justify-content:flex-end}}
@media (min-width:1024px){
  #nav .nav-right .btn{min-width:12.4em;justify-content:center;text-align:center}
}

/* Guide added to the nav (Valentin 2026-10-20 21:52): at 1280-1599 the gaps shrink with the screen so the longer French bar still fits. */
@media (min-width:1280px) and (max-width:1599px){
  #nav .nav-links{gap:clamp(16px,1.55vw,28px)!important}
  #nav .nav-right{gap:clamp(10px,.9vw,16px)!important}
  #nav > .wrap{gap:clamp(14px,1.4vw,24px)!important}
}
@media (min-width:1366px) and (max-width:1599px){#nav .nav-links{gap:16px!important}#nav .nav-right{gap:10px!important}}

/* plan card feature lists: keep items packed at the top, never stretched */
.pl-list{align-content:start !important}