/* Customer mobile navigation. Desktop and existing page content stay as they are. */
.cd-app-bottom-nav{display:none}
@media (max-width:760px){
  body{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
  .cd-app-bottom-nav{position:fixed;z-index:10000;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;min-height:78px;padding:5px 4px calc(6px + env(safe-area-inset-bottom));background:rgba(255,255,255,.98);border-top:1px solid #d7e5f0;box-shadow:0 -6px 23px rgba(13,56,99,.12);font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif}
  .cd-app-bottom-nav button{display:grid;justify-items:center;align-content:center;gap:4px;width:100%;min-width:0;min-height:62px;border:0;background:none;color:#6b8297;font-size:12px;font-weight:800;line-height:1.2;cursor:pointer;padding:4px 1px}
  .cd-app-bottom-nav button svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .cd-app-bottom-nav button[aria-current="page"]{color:#075aab}
  .cd-app-bottom-nav button:focus-visible{outline:3px solid #3288d4;outline-offset:-3px;border-radius:12px}
  .cd-app-bottom-nav .cd-app-member{position:relative;color:#075aab;overflow:visible}
  .cd-app-bottom-nav .cd-app-member .cd-app-mascot{position:relative;display:block;width:56px;height:62px;margin-top:-23px;background:url('member-face-soft-blue.png') center center/contain no-repeat;filter:drop-shadow(0 3px 4px rgba(13,80,155,.12))}
  .cd-app-bottom-nav .cd-app-member[aria-current="page"] .cd-app-mascot{filter:drop-shadow(0 3px 5px rgba(0,89,180,.30))}
  .cd-app-bottom-nav .cd-app-member .cd-app-member-name{font-size:10px;font-weight:900;white-space:nowrap;margin-top:-4px}
  .cd-app-bottom-nav .cd-app-more-panel{position:absolute;right:8px;bottom:calc(85px + env(safe-area-inset-bottom));width:min(240px,calc(100vw - 16px));padding:7px;border-radius:15px;background:white;border:1px solid #dce9f3;box-shadow:0 12px 30px #123b6b2b}
  .cd-app-bottom-nav .cd-app-more-panel[hidden]{display:none}
  .cd-app-bottom-nav .cd-app-more-panel button{display:block;min-height:38px;text-align:left;padding:9px 12px;font-size:13px;color:#154574}
}
