/* Preisleiste: kompakte Leiste unten mit Gesamtpreis und Warenkorb-Knopf.
   Sieht aus und verhält sich wie die Leiste auf Gravur & Druck (.gk-leiste).
   Gebaut wird sie von js/preisleiste.js aus <div data-preisleiste>. */
.preisleiste { display: flex; align-items: center; justify-content: space-between; gap: 12px; position: fixed; left: 0; right: 0; bottom: 12px; margin: 0 auto; width: min(720px, calc(100% - 32px)); box-sizing: border-box; z-index: 990; padding: 10px 14px 10px 18px; border-radius: 16px; border: 1px solid rgba(211,176,122,.3); background: rgba(11,13,18,.97); box-shadow: 0 10px 28px rgba(0,0,0,.45); transform: translateY(calc(100% + 24px)); visibility: hidden; transition: transform .25s ease, visibility 0s linear .25s; }
.preisleiste { pointer-events: none; }
.preisleiste.zeigen { transform: none; visibility: visible; transition: transform .25s ease; }
.preisleiste-summe { display: block; min-width: 0; line-height: 1.15; }
.preisleiste-summe span { display: block; font-size: .66rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: rgba(243,246,251,.7); }
.preisleiste-summe strong { font-size: 1.25rem; font-weight: 900; color: #e6c391; white-space: nowrap; }
.preisleiste-versand { display: block; margin-top: 2px; font-size: .7rem; line-height: 1.2; color: rgba(243,246,251,.7); }
.preisleiste-knopf { pointer-events: auto; flex: none; width: auto; white-space: nowrap; }
.preisleiste-knopf:focus-visible { outline: 2px solid #e6c391; outline-offset: 2px; }
/* Mittlere Breiten: der WhatsApp-Knopf sitzt rechts unten, die Leiste rückt nach links */
@media (min-width: 861px) and (max-width: 1280px) { .preisleiste { margin-left: 16px; margin-right: auto; width: min(720px, calc(100% - 280px)); } }
@media (max-width: 860px) {
  /* Handy: volle Breite am unteren Rand; rechts bleibt Platz für Berater- und WhatsApp-Knopf */
  .preisleiste { margin: 0; width: auto; bottom: 0; padding: 10px 84px calc(10px + env(safe-area-inset-bottom, 0px)) 16px; border-radius: 0; border-width: 1px 0 0; box-shadow: 0 -10px 28px rgba(0,0,0,.45); transform: translateY(110%); }
  .preisleiste.zeigen { transform: none; }
}
@media (max-width: 860px) {
  /* WhatsApp-Knopf über die Leiste heben, damit er sie nicht überdeckt */
  body.preisleiste-an .whatsapp-float { bottom: calc(var(--preisleiste-h, 64px) + 12px + env(safe-area-inset-bottom, 0px)); }
}
@media (prefers-reduced-motion: reduce) { .preisleiste { transition: none; } }
/* Platz für die Leiste: Die Höhe misst js/preisleiste.js und setzt --preisleiste-h bzw.
   --preisleiste-platz (0, solange die Leiste nicht zu sehen ist). Seitenende und angesprungene
   oder fokussierte Elemente landen so nie darunter. Die Leiste selbst fängt keine Klicks ab,
   nur ihr Knopf nimmt welche an. */
html { scroll-padding-bottom: var(--preisleiste-platz, 0px); }
body.preisleiste-an { padding-bottom: var(--preisleiste-platz, 84px); }