/* Sticky Header /
#nav-bar {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 999;
}

#nav-bar.scrolled {
  background-color: #f8f8f8;
  transition: background-color 0.3s ease;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

body,
html,
main {
  overflow: visible !important;
}*/

.site-header {
  position: sticky;
  top: 0;

}



.site-header.scrolled {
  transition: background-color 0.3s ease;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    z-index: 1000;
}

/*Sticky button */
.sticky-buy-button, .sticky-buy-button:visited {
  font-family: Nunito,sans-serif;
  font-weight: 600;
  position: fixed;
  right: -55px;
  top: 49%;
  color: #ffffff;
  transform-origin:center;
  background-color: #6b72ff;
  padding: 12px 20px;
  text-decoration: none;
  border-radius: 4px 0 0 4px;
  z-index: 9999;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  transform: rotate(-90deg);
  border: 2px solid #6b72ff00;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;

}

.sticky-buy-button:hover {
  text-decoration:none;
  background-color: #6b72ff00;
  color: #6b72ff;
  border: 2px solid #6b72ff;

}