/* bestAnimalCARE Design 2026, Kaufleiste (nur mobil, < 768 px). CI: Raspberry #a81858, Graphite #2e3640. */
.bac-kaufleiste { display: none; }
@media (max-width: 767.98px) {
  body.bac-kaufleiste-seite { padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)); }
  .bac-kaufleiste {
    display: flex; align-items: center; gap: .75rem;
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 900; /* unter Borlabs-Dialog; Kopfzeilen-Menue: siehe html.bac-kopf-offen unten */
    box-sizing: border-box; min-height: 64px;
    padding: .5rem 16px calc(.5rem + env(safe-area-inset-bottom, 0px));
    background: #fff; border-top: 1px solid rgba(46, 54, 64, .12);
    box-shadow: 0 -4px 16px rgba(46, 54, 64, .08);
    font-family: Mulish, system-ui, sans-serif; color: #2e3640;
    transform: translateY(0); visibility: visible;
    transition: transform .25s ease, visibility 0s linear 0s;
  }
  .bac-kaufleiste *, .bac-kaufleiste *::before, .bac-kaufleiste *::after { box-sizing: border-box; }
  .bac-kaufleiste[aria-hidden="true"] {
    transform: translateY(110%); visibility: hidden;
    transition: transform .25s ease, visibility 0s linear .25s;
  }
  .bac-kaufleiste__info { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
  .bac-kaufleiste__name {
    font: 600 .9375rem/1.3 Poppins, system-ui, sans-serif;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  }
  .bac-kaufleiste__preis { font-size: .875rem; line-height: 1.3; }
  .bac-kaufleiste__aktion { flex: 0 0 auto; display: flex; align-items: center; gap: .5rem; }
  .bac-kaufleiste__knopf, .bac-kaufleiste__tel {
    display: inline-flex; align-items: center; justify-content: center;
    min-height: 44px; min-width: 44px; padding: 0 1.25rem; border-radius: 999px;
    font: 600 .9375rem/1 Mulish, system-ui, sans-serif; text-decoration: none; cursor: pointer;
  }
  .bac-kaufleiste__knopf { background: #a81858; color: #fff; border: 2px solid #a81858; }
  .bac-kaufleiste__knopf:hover { background: #7c1241; border-color: #7c1241; }
  .bac-kaufleiste__tel { background: #fff; color: #2e3640; border: 2px solid rgba(46, 54, 64, .3); }
  .bac-kaufleiste__tel:hover { background: #eef1f3; }
  /* Kopfzeile ist sticky (z 50, isolation) und liegt unter der Leiste: bei offenem Menue Leiste ausblenden */
  html.bac-kopf-offen .bac-kaufleiste { visibility: hidden; }
  /* base.css setzt border-radius:4px im Fokus: Pillenform bleibt erhalten (hoehere Spezifitaet) */
  body.bac-design .bac-kaufleiste :is(a, button):focus-visible { outline: 3px solid #a81858; outline-offset: 2px; border-radius: 999px; }
}
@media (max-width: 399.98px) {
  /* Beratung: zwei Knoepfe lassen keinen Platz fuer den Namen; sr-only bleibt */
  .bac-kaufleiste[data-modus="beratung"] .bac-kaufleiste__name {
    position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
  }
  .bac-kaufleiste[data-modus="beratung"] .bac-kaufleiste__info { flex: 0 0 0; }
  .bac-kaufleiste[data-modus="beratung"] .bac-kaufleiste__aktion { flex: 1 1 auto; justify-content: space-between; }
  .bac-kaufleiste[data-modus="beratung"] .bac-kaufleiste__tel,
  .bac-kaufleiste[data-modus="beratung"] .bac-kaufleiste__knopf { flex: 1 1 auto; }
}
@media (max-width: 380px) {
  .bac-kaufleiste__tel { padding: 0 .75rem; }
  .bac-kaufleiste__knopf { padding: 0 .9rem; }
}
@media (prefers-reduced-motion: reduce) {
  .bac-kaufleiste, .bac-kaufleiste[aria-hidden="true"] { transition: none; }
}