/* ===== ICON COLORS FIX ===== */

/* базовое состояние */
.scroll-fast i,
.home-btn i {
  color: #001d4c;
}

/* WhatsApp — свой зелёный */
.whatsapp-btn i {
  color: #25D366;
}

/* hover — одинаковый синий */
.scroll-fast:hover i,
.home-btn:hover i,
.whatsapp-btn:hover i {
  color: #6998d1;
}

/* убираем любые чужие эффекты */
.scroll-fast i,
.home-btn i,
.whatsapp-btn i {
  transition: color .15s ease;
}

 .home-btn {
    position: fixed;
    right: 20px;
    bottom: 140px; /* выше WhatsApp */
    z-index: 99999;

    width: 48px;
    height: 48px;
    border-radius: 50%;

    background: rgba(255,255,255,0.75);
    color: #111;

    display: flex;
    align-items: center;
    justify-content: center;

    text-decoration: none;

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    box-shadow: 0 6px 20px rgba(0,0,0,.15);
  }

  .home-btn i {
    font-size: 22px;
  }

  .home-btn:hover {
    background: rgba(255,255,255,0.9);
  }

 .whatsapp-btn {
    position: fixed;
    right: 20px;
    bottom: 80px; /* выше кнопки скролла */
    z-index: 99999;

    width: 48px;
    height: 48px;
    border-radius: 50%;

    background: rgba(255,255,255,0.75);
    color: #25D366; /* WhatsApp green */

    display: flex;
    align-items: center;
    justify-content: center;

    text-decoration: none;

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    box-shadow: 0 6px 20px rgba(0,0,0,.15);
  }

  .whatsapp-btn i {
    font-size: 36px;
  }

  .whatsapp-btn:hover {
    background: rgba(255,255,255,0.9);
  }

  .scroll-fast {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 99999;

    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: none;

    background: rgba(255,255,255,0.75); /* белая матовая */
    color: #111;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    box-shadow: 0 6px 20px rgba(0,0,0,.15);
  }

  .scroll-fast i {
    font-size: 18px;
    transition: transform .2s ease;
  }

  .scroll-fast.up i {
    transform: rotate(180deg);
  }