/* ===== نوار تماس موبایل ===== */
.bar {
  position: fixed;
  inset-inline: 0;
  bottom: 0;
  display: none;
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom,0px));
  background: var(--blue);
  border-top: 4px solid var(--ink);
  z-index: 9;
}

@media (max-width:640px) {
  .bar {
    display: block;
  }
}

.bar {
  background: linear-gradient(#4d7bff,#1240ff 60%,#0a1f9e);
  box-shadow: 0 5px 14px rgba(10,20,80,.4),inset 0 2px 0 rgba(255,255,255,.4);
}

.bar {
  background: linear-gradient(145deg,rgba(18,64,255,.62),rgba(90,130,255,.45))!important;
  -webkit-backdrop-filter: blur(16px) saturate(1.6);
  backdrop-filter: blur(16px) saturate(1.6);
  border: 0!important;
  border-bottom: 1.5px solid rgba(255,255,255,.6)!important;
  box-shadow: 0 8px 28px rgba(18,64,255,.3),inset 0 1px 0 rgba(255,255,255,.6)!important;
}