/* PODGLĄD PANELU — komunikat na dole ekranu (patrz podglad.js). */
.podglad-dymek {
  position: fixed; left: 50%; bottom: 22px; z-index: 99999;
  transform: translate(-50%, 16px); opacity: 0; pointer-events: none;
  max-width: min(92vw, 560px); padding: 12px 18px; border-radius: 12px;
  background: #10343E; color: #fff; font: 500 14px/1.4 "Open Sans", system-ui, sans-serif; text-align: center;
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
  transition: opacity .2s, transform .2s;
}
.podglad-dymek.widac { opacity: 1; transform: translate(-50%, 0); }
.podglad-pusto { padding: 14px 4px; color: #8898aa; font-size: 14px; }

/* Pasek boczny: bez poziomego suwaka. W ramce na stronie produktowej
   (pomniejszony ekran 1440 px) pasek przewijania pod menu wyglądał jak
   usterka — w podglądzie przewijamy tylko w pionie. */
.sidenav, .sidenav .scrollbar-inner, .sidenav .scroll-wrapper, .sidenav .navbar-inner { overflow-x: hidden !important; }
.sidenav .scroll-element.scroll-x { display: none !important; }
html, body { overflow-x: hidden; }