/* VaytekMar — mobil uygulama kabuğu */
:root{
  --vm-mavi:#1e3a8a;
  --vm-acik:#3b82f6;
  --vm-tab-h:64px;
  --vm-safe-b:env(safe-area-inset-bottom,0px);
}
html{
  -webkit-tap-highlight-color:transparent;
  overflow-x:hidden;
}
body{
  overflow-x:hidden;
  max-width:100vw;
}
body.app-shell{
  padding-bottom:calc(var(--vm-tab-h) + var(--vm-safe-b) + 12px) !important;
  overscroll-behavior-y:auto;
}
/* Alt tab — native app hissi */
.vm-tabbar{
  position:fixed;left:0;right:0;bottom:0;z-index:9000;
  height:calc(var(--vm-tab-h) + var(--vm-safe-b));
  padding-bottom:var(--vm-safe-b);
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-top:1px solid #e2e8f0;
  display:flex;align-items:stretch;justify-content:space-around;
  /* Sayfa içeriğini kaydırmasın */
  transform:translateZ(0);
}
.vm-tab{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:2px;text-decoration:none;color:#94a3b8;font-size:10px;font-weight:700;
  min-height:48px;border:none;background:none;cursor:pointer;font-family:inherit;
  -webkit-user-select:none;user-select:none;
}
.vm-tab .ico{font-size:1.35rem;line-height:1}
.vm-tab.aktif{color:var(--vm-mavi)}
.vm-tab.aktif .ico{transform:scale(1.06)}
/* Kasa sepeti tab bar üstünde kalsın */
body.app-shell .sepet-card{
  bottom:calc(var(--vm-tab-h) + var(--vm-safe-b)) !important;
}
/* Kamera / modal menünün üstünde */
#camera-overlay.aktif{z-index:12000}
.modal{z-index:1055}
.modal-backdrop{z-index:1050}
/* Dokunma hedefleri */
.btn,.dept-btn,.key,.role-card{min-height:44px}
@media (display-mode:standalone){
  .vm-tabbar{border-top-color:#cbd5e1}
}
/* Sepet — dokunmatik hedef */
.sepet-stepper{
  min-width:44px;min-height:44px;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:1.1rem;
}
.sepet-adet{min-width:36px;text-align:center;font-size:1rem}
@media (min-width:992px){
  .odeme-hizli .btn-lg{min-height:52px}
}