/* =========================
   Floating contact (WhatsApp + Phone) – left bottom
   ========================= */

.floating-contact{
  position: fixed;
  left: 22px;
  bottom: 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  z-index: 99999;
}

.floating-contact__btn{
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  text-decoration: none;
  box-shadow: 0 14px 30px rgba(0,0,0,.28);
  transform: translateZ(0);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
  border: 2px solid rgba(255,255,255,.15);
}

.floating-contact__btn svg{
  width: 30px;
  height: 30px;
  color: #fff;
}

.floating-contact__btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 38px rgba(0,0,0,.34);
  filter: brightness(1.03);
}

.floating-contact__btn:active{
  transform: translateY(0);
}

/* WhatsApp */
.floating-contact__btn--wa{
  background: linear-gradient(180deg, #35d97a 0%, #1fb35e 100%);
}

/* Phone (pomarańcz jak na stronie) */
.floating-contact__btn--tel{
  background: linear-gradient(180deg, #ffb25a 0%, #ff9230 100%);
}

/* Mobile: trochę mniejsze */
@media (max-width: 640px){
  .floating-contact{
    left: 14px;
    bottom: 14px;
    gap: 12px;
  }
  .floating-contact__btn{
    width: 58px;
    height: 58px;
  }
  .floating-contact__btn svg{
    width: 28px;
    height: 28px;
  }
}

.floating-contact__btn img{
  width: 30px;
  height: 30px;
  display: block;
}


.floating-contact__btn--mail {
  background: #2563eb; /* niebieski – formularz */
}

.floating-contact__btn--mail:hover {
  background: #1d4ed8;
}