/* Shared glass surfaces. Keep these below modal backdrops and native dialogs. */
:root{--didar-glass:rgba(255,255,255,.82);--didar-glass-edge:rgba(255,255,255,.72);--didar-glass-blur:blur(14px) saturate(1.25)}
:is(.didar-phone,#didar-meetings,#didar-account,#didar-detail,.redesign-entry>#didar-entry){overflow:clip!important}
:is(.didar-phone,#didar-meetings,#didar-account,#didar-detail,.redesign-entry>#didar-entry)>header{
 position:sticky!important;top:calc(12px + env(safe-area-inset-top,0px))!important;z-index:80!important;
 width:calc(100% - 32px)!important;min-height:76px!important;height:auto!important;box-sizing:border-box!important;
 margin:12px auto 18px!important;padding:12px 22px!important;align-self:start!important;flex-wrap:nowrap!important;
 background:var(--didar-glass)!important;border:1px solid var(--didar-glass-edge)!important;border-radius:23px!important;
 -webkit-backdrop-filter:var(--didar-glass-blur);backdrop-filter:var(--didar-glass-blur);
 box-shadow:0 12px 30px rgba(32,42,80,.18),0 3px 8px rgba(32,42,80,.06),inset 0 1px 0 rgba(255,255,255,.65)!important;
}
html{scroll-padding-top:110px}
/* Moving the home navigation into its header keeps it attached while scrolling. */
@media(min-width:761px){
 .didar-phone>header>nav{position:static!important;inset:auto!important;display:flex!important;flex:1!important;width:auto!important;margin:0 auto!important;padding:0!important;border:0!important;background:transparent!important;gap:4px!important;justify-content:center!important}
 .didar-phone>header{gap:12px!important}
 .didar-phone>header .city{margin:0!important}
 :is(#didar-account,#didar-meetings)>header{gap:16px!important}
 :is(.didar-phone,#didar-account,#didar-meetings)>header nav button{min-height:44px!important}
}
@media(max-width:760px){
 :is(.didar-phone,#didar-meetings,#didar-account,#didar-detail,.redesign-entry>#didar-entry)>header{
  top:calc(10px + env(safe-area-inset-top,0px))!important;width:calc(100% - 20px)!important;
  min-height:72px!important;margin:10px auto 18px!important;padding:10px 14px!important;gap:8px!important;
 }
 :is(.didar-phone,#didar-meetings,#didar-account)>header{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important}
 :is(.didar-phone,#didar-meetings,#didar-account)>header>:is(.brand,.logo,strong){grid-column:2!important;grid-row:1!important;justify-self:center!important;white-space:nowrap!important}
 :is(.didar-phone,#didar-meetings,#didar-account)>header>span{grid-column:1!important;grid-row:1!important;min-width:0!important;font-size:12px!important;margin:0!important}
 .didar-phone>header>.round{grid-column:3!important;grid-row:1!important;justify-self:end!important;background:rgba(255,255,255,.45)!important;border-radius:13px!important}
 .didar-phone>header .city{max-width:100%;overflow:hidden}
 .didar-phone>header .city button{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px!important}
 #didar-mobile-nav:not([hidden]){
  bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;left:28px!important;right:28px!important;
  max-width:480px!important;min-height:74px!important;padding:7px 6px!important;border-radius:23px!important;
  background:var(--didar-glass)!important;border:1px solid var(--didar-glass-edge)!important;
  -webkit-backdrop-filter:var(--didar-glass-blur);backdrop-filter:var(--didar-glass-blur);
  box-shadow:0 -10px 32px rgba(32,42,80,.20),0 5px 14px rgba(32,42,80,.10),inset 0 1px 0 rgba(255,255,255,.65)!important;
 }
 #didar-mobile-nav button{min-height:58px!important;border-radius:18px!important;gap:3px!important;padding:6px 2px!important;font-size:12px!important;color:#69766f!important}
 #didar-mobile-nav svg{width:23px!important;height:23px!important;stroke-width:1.7!important}
 #didar-mobile-nav button.active{background:rgba(225,240,230,.85)!important;color:#246b50!important}
}
/* Custom home overlays must dim both floating bars, on desktop as well. */
.didar-phone .sheet-back{position:fixed!important;inset:0!important;max-width:none!important;margin:0!important;z-index:200!important;backdrop-filter:blur(4px)!important}
:is(#didar-account,#didar-detail)>.overlay{z-index:200!important}
@supports not (backdrop-filter:blur(1px)){
 :root{--didar-glass:rgba(255,255,255,.97)}
}