/* Driver marker on every map (driver app, customer tracking, shop): top view of the delivery moto (picture),
   turned in the direction of travel, a soft live pulse under it and a name label. It glides to each new GPS position. */
.nav-map .nav-map__mark.nav-map__mark--driver { width: 30px; height: 30px; border: 0; border-radius: 50%; background: transparent; box-shadow: none; z-index: 2; overflow: visible; }
.nav-map .nav-map__mark.nav-map__mark--driver::before { content: ''; position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; margin: -15px 0 0 -15px; border-radius: 50%;
  background: rgba(250,204,21,.28); animation: dm-moto-pulse 2s ease-out infinite; pointer-events: none; }
.nav-map__body { position: absolute; left: 50%; top: 50%; width: 30px; height: 66px; margin: -33px 0 0 -15px; transition: transform .6s ease; }
.nav-map__moto { display: block; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 3px 4px rgba(20,33,61,.45)); -webkit-user-drag: none; user-select: none; }
.nav-map__moto-fallback { position: absolute; left: 50%; top: 50%; width: 34px; height: 34px; margin: -17px 0 0 -17px; padding: 6px; box-sizing: border-box; border: 3px solid #fff; border-radius: 50%;
  background: #facc15; fill: none; stroke: #14213d; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; box-shadow: 0 3px 8px rgba(20,33,61,.4); }
.nav-map__mark--glide { transition: left 1.2s linear, top 1.2s linear; }
.nav-map__heading, .nav-map__heading[hidden] { display: none; }
.nav-map__name { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); margin-top: 22px; padding: 3px 9px; border-radius: 99px; background: #14213d; color: #fff;
  font: 700 11.5px/1.2 system-ui, -apple-system, sans-serif; white-space: nowrap; box-shadow: 0 2px 6px rgba(20,33,61,.35); pointer-events: none; }
.nav-map__name:empty { display: none; }
@keyframes dm-moto-pulse { 0% { transform: scale(.8); opacity: 1; } 100% { transform: scale(2.6); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .nav-map .nav-map__mark.nav-map__mark--driver::before { animation: none; } .nav-map__mark--glide, .nav-map__body { transition: none; } }