/* Przełącznik wersji – tylko w prezentacji dla klientki */
.vswitch {
  position: fixed; z-index: 80; left: 50%; bottom: calc(16px + env(safe-area-inset-bottom)); translate: -50% 0;
  display: flex; align-items: center; gap: 4px; padding: 5px;
  border-radius: 999px; background: rgba(22, 24, 23, 0.82); color: #fff;
  -webkit-backdrop-filter: blur(20px) saturate(180%); backdrop-filter: blur(20px) saturate(180%);
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  font: 500 0.85rem/1 -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 200ms ease;
}
.vswitch > span { padding: 0 8px 0 10px; color: rgba(255, 255, 255, 0.6); }
.vswitch a { color: #fff; text-decoration: none; padding: 9px 13px; border-radius: 999px; white-space: nowrap; transition: background-color 160ms ease, transform 160ms cubic-bezier(0.23, 1, 0.32, 1); }
.vswitch a:active { transform: scale(0.96); }
.vswitch a[aria-current="page"] { background: #fff; color: #161817; font-weight: 600; }
@media (hover: hover) and (pointer: fine) { .vswitch a:not([aria-current]):hover { background: rgba(255, 255, 255, 0.14); } }
.vswitch .vswitch__all { display: grid; place-items: center; width: 34px; height: 34px; padding: 0; }
.vswitch svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.vswitch__name { margin-left: 4px; }
@media (max-width: 640px) { .vswitch > span, .vswitch__name { display: none; } .vswitch a { padding: 9px 14px; } }
@media print { .vswitch { display: none; } }