@media screen and (max-width: 768px) {
    #mobile_none {
        display: none !important;
    }    
}

  /* Sadece özel ID'lere özgü stiller — Bootstrap'e karışmaz */
  #custom-fab-left a:hover {
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 10px 22px rgba(0,0,0,0.28);
  }
  #custom-fab-left a:active {
    transform: scale(0.96);
    box-shadow: 0 6px 12px rgba(0,0,0,0.20);
  }
  @media (max-width: 420px) {
    #custom-fab-left a {
      width:50px !important;
      height:50px !important;
    }
  }


@font-face {
  font-family: 'Roboto';
  src: url('/fonts/roboto.woff2') format('woff2');
  font-display: swap;
}

#WhatsappButton:hover {

  width: 50px;
}