/* Pływający przycisk "Zostaw numer" (oddzwon.php): niebieskie kółko z telefonem jak przyciski sklepu, okienko nad nim. */
.tk-oddzwon { position: fixed; right: 20px; bottom: 20px; z-index: 99990; font-family: inherit; }
.tk-oddzwon__kolko {
  display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; padding: 0;
  border: 0; border-radius: 50%; cursor: pointer; background: #0071e3; color: #fff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22); transition: background 0.2s ease;
}
.tk-oddzwon__kolko:hover { background: #0077ed; }
.tk-oddzwon__kolko:focus-visible { outline: 3px solid #fff; outline-offset: -6px; }
.tk-oddzwon__okno {
  position: absolute; right: 0; bottom: 74px; width: 320px; box-sizing: border-box; padding: 22px 22px 20px;
  background: #fff; border: 1px solid #e5e5ea; border-radius: 18px; box-shadow: 0 10px 34px rgba(0, 0, 0, 0.18);
  animation: tk-oddzwon-wjazd 0.2s ease;
}
.tk-oddzwon__okno[hidden] { display: none; }
@keyframes tk-oddzwon-wjazd { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .tk-oddzwon__okno { animation: none; } }
.tk-oddzwon .tk-oddzwon__tytul { margin: 0 24px 4px 0; padding: 0 !important; font-size: 18px; line-height: 1.3; font-weight: 600; color: #1d1d1f; }
.tk-oddzwon .tk-oddzwon__opis { margin: 0 0 14px; padding: 0; font-size: 13px; color: #6e6e73; }
.tk-oddzwon .tk-oddzwon__zamknij {
  position: absolute; top: 10px; right: 12px; width: 28px; height: 28px; padding: 0; border: 0; background: none;
  font-size: 24px; line-height: 1; color: #6e6e73; cursor: pointer;
}
.tk-oddzwon .tk-oddzwon__zamknij:hover { color: #1d1d1f; }
.tk-oddzwon__form { margin: 0; }
.tk-oddzwon__pole { display: block; margin: 0; }
.tk-oddzwon .tk-oddzwon__pole input {
  width: 100%; height: 48px; padding: 0 20px; box-sizing: border-box;
  border: 1px solid #c8c8c8; border-radius: 999px; background: #fff; color: #111; font-size: 16px;
}
.tk-oddzwon .tk-oddzwon__pole input:focus { border-color: #0071e3; outline: none; }
.tk-oddzwon__zgoda { display: flex; gap: 8px; align-items: flex-start; margin: 12px 0 14px; font-size: 12px; line-height: 1.45; color: #424245; }
.tk-oddzwon__zgoda input { margin-top: 2px; flex: 0 0 auto; }
.tk-oddzwon__zgoda a { color: #0066cc; }
.tk-oddzwon .tk-oddzwon__wyslij {
  display: block; width: 100%; padding: 3px 26px; border: 0; border-radius: 999px; cursor: pointer;
  background: #0071e3; color: #fff; font-size: 16px; font-weight: 500; line-height: 1.6; height: 44px;
  transition: background 0.2s ease;
}
.tk-oddzwon .tk-oddzwon__wyslij:hover { background: #0077ed; }
.tk-oddzwon .tk-oddzwon__wyslij:disabled { opacity: 0.6; cursor: default; }
.tk-oddzwon__komunikat { margin: 10px 0 0; padding: 0; min-height: 1.3em; font-size: 13px; color: #424245; }
.tk-oddzwon__komunikat--ok { color: #1a7f37; }
.tk-oddzwon__komunikat--blad { color: #d70015; }
.tk-oddzwon__pulapka { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }

@media (max-width: 480px) {
  .tk-oddzwon { right: 14px; bottom: 14px; }
  .tk-oddzwon__okno { width: calc(100vw - 28px); }
}