/* DriveSolution – Scanner-Leiste (K.I.T.T.). Abstände in em (Projektvorgabe). */

.ds-scanner{display:flex;align-items:center;gap:1.25em}
.ds-scanner__txt{font-family:"Archivo",sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--ds-faint);white-space:nowrap;flex:none}
.ds-scanner__bar{position:relative;flex:1;height:4px;border-radius:2px;overflow:hidden;
  background:linear-gradient(90deg,transparent,rgba(225,29,42,.14) 20%,rgba(225,29,42,.14) 80%,transparent)}
.ds-scanner__eye{position:absolute;top:-1px;bottom:-1px;left:-18%;width:18%;border-radius:3px;
  background:linear-gradient(90deg,transparent,var(--ds-accent),#ff5a63,var(--ds-accent),transparent);
  box-shadow:0 0 10px 2px rgba(225,29,42,.6);
  animation:ds-scan 3.2s cubic-bezier(.45,0,.55,1) infinite alternate}
.ds-scanner--slow .ds-scanner__eye{animation-duration:4.6s}
.ds-scanner--fast .ds-scanner__eye{animation-duration:2s}
@keyframes ds-scan{from{left:-18%}to{left:100%}}

/* Mobil: Text-Labels würden nicht in eine Zeile passen (nowrap) und das rechte Label
   verschieben -> auf schmalen Screens nur die Leucht-Leiste zeigen. */
@media(max-width:640px){
  .ds-scanner{gap:0}
  .ds-scanner__txt{display:none}
}

@media(prefers-reduced-motion:reduce){
  .ds-scanner__eye{animation:none;left:41%;opacity:.9}
}