/* --- SLIDER --- */
  #fb-slider {
    position: fixed;
    top: 30%;
    right: -350px;
    transform: translateY(-30%);
    width: 350px;
    height: 500px;
    background: #fff;
    box-shadow: -4px 0 12px rgba(0,0,0,0.25);
    border-radius: 12px 0 0 12px;
    transition: right 0.35s ease;
    z-index: 9999;
  }

  /* --- IKONA FB PRZYTWIERDZONA DO SLIDERA --- */
  #fb-handle {
    position: absolute;
    left: -50px; /* wysunięta na zewnątrz */
    top: 30%;
    transform: translateY(-30%);
    background: #fff;
    padding: 10px;
    border-radius: 12px 0 0 12px;
    box-shadow: -4px 0 12px rgba(0,0,0,0.25);
    cursor: pointer;
  }

  #fb-handle svg {
    width: 32px;
    height: 32px;
    fill: #1877F2;
  }

  /* --- HOVER NA DESKTOPIE --- */
  @media (min-width: 769px) {
    #fb-slider:hover {
      right: 0;
    }
  }

  /* --- MOBILE --- */
  @media (max-width: 768px) {
    #fb-slider {
      top: auto;
      bottom: -70%;
      right: 0;
      width: 100%;
      height: 70%;
      border-radius: 12px 12px 0 0;
      transform: none;
    }

    #fb-slider.open {
      bottom: 0;
    }

    #fb-handle {
      left: 50%;
      top: -60px;
      transform: translateX(-50%);
      border-radius: 12px;
      padding: 12px;
    }

    #fb-handle svg {
      width: 36px;
      height: 36px;
    }
  }