/* DVZ bottom navigation v43 */
body.dvz-has-bottom-nav{
  padding-bottom: calc(94px + env(safe-area-inset-bottom, 0px));
}
#app.dvz-has-bottom-nav{
  padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px));
}
.dvz-bottom-nav{
  position: fixed;
  left: 14px;
  right: 14px;
  bottom: calc(10px + env(safe-area-inset-bottom, 0px));
  z-index: 1200;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.07);
  background: linear-gradient(180deg, rgba(28,34,44,.92), rgba(17,22,30,.96));
  backdrop-filter: blur(14px);
  box-shadow: 0 18px 50px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.04);
}
.dvz-bottom-nav__inner{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:4px;
  padding: 10px 10px 12px;
}
.dvz-bottom-nav__item{
  flex:1 1 0;
  min-width:0;
  border:0;
  background:none;
  color:rgba(214,223,235,.74);
  text-decoration:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:8px 4px 6px;
  border-radius:16px;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}
.dvz-bottom-nav__item:active{ transform: translateY(1px); }
.dvz-bottom-nav__item:hover{ color:#eef6ff; }
.dvz-bottom-nav__item.is-active{
  color:#59bfff;
  background: linear-gradient(180deg, rgba(35,93,149,.20), rgba(35,93,149,.06));
  box-shadow: inset 0 0 0 1px rgba(89,191,255,.10);
}
.dvz-bottom-nav__icon{
  width:24px;height:24px;
  display:flex;align-items:center;justify-content:center;
}
.dvz-bottom-nav__icon svg{
  width:24px;height:24px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.dvz-bottom-nav__item.is-active .dvz-bottom-nav__icon svg.fill-home .fill-part,
.dvz-bottom-nav__item.is-active .dvz-bottom-nav__icon svg.fill-garage .fill-part,
.dvz-bottom-nav__item.is-active .dvz-bottom-nav__icon svg.fill-engine .fill-part,
.dvz-bottom-nav__item.is-active .dvz-bottom-nav__icon svg.fill-diagnostics .fill-part,
.dvz-bottom-nav__item.is-active .dvz-bottom-nav__icon svg.fill-more .fill-part{
  fill: currentColor;
  stroke: currentColor;
}
.dvz-bottom-nav__label{
  font-size:12px;
  line-height:1.1;
  font-weight:700;
  letter-spacing:.01em;
  text-align:center;
  white-space:nowrap;
}
.dvz-more-sheet[hidden], .dvz-more-backdrop[hidden]{ display:none!important; }
.dvz-more-backdrop{
  position: fixed;
  inset: 0;
  z-index: 1195;
  background: rgba(6,10,16,.56);
  backdrop-filter: blur(2px);
}
.dvz-more-sheet{
  position: fixed;
  left: 14px;
  right: 14px;
  bottom: calc(102px + env(safe-area-inset-bottom, 0px));
  z-index: 1199;
  border-radius: 26px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(18,22,29,.98), rgba(10,14,20,.98));
  box-shadow: 0 20px 60px rgba(0,0,0,.48);
}
.dvz-more-sheet__head{
  display:flex;align-items:center;justify-content:space-between;
  padding: 16px 18px 10px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.dvz-more-sheet__head strong{ font-size:16px; color:#f5f8fd; }
.dvz-more-sheet__head small{ display:block; color:rgba(214,223,235,.68); margin-top:3px; }
.dvz-more-sheet__close{
  border:0;background:rgba(255,255,255,.05); color:#dce6f5;
  width:36px;height:36px;border-radius:12px; font-size:18px; cursor:pointer;
}
.dvz-more-sheet__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 14px;
}
.dvz-more-sheet__link{
  display:flex; align-items:flex-start; gap:10px;
  min-width:0;
  padding: 14px 12px;
  text-decoration:none;
  color:#f4f8ff;
  border-radius:18px;
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.05);
}
.dvz-more-sheet__link span{
  width:34px;height:34px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background: rgba(80,168,255,.11);
  color:#68c5ff;font-size:17px;flex:0 0 auto;
}
.dvz-more-sheet__link b{ display:block; font-size:14px; line-height:1.15; margin-bottom:3px; }
.dvz-more-sheet__link small{ display:block; color:rgba(214,223,235,.72); line-height:1.25; font-size:12px; }
@media (min-width: 768px){
  .dvz-bottom-nav, .dvz-more-sheet{ max-width: 560px; margin: 0 auto; }
}