.sale {
    background-color: #36b97a !important;
}

@media only screen and (max-width: 600px) {


.dropdown-btn {
    font-size: 13px;
}



}

/* Show/hide for mobile menu */
@media (max-width: 768px) {
  .show-sm { display: inline-block !important; }
  .hide-sm { display: none !important; }
}

#mobile-menu.active {
  display: block !important;
}

/* Mobile Toggle Styling */
.mobile-toggle {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 1.5rem;
  color: white;
  z-index: 1100;
}

/* Mobile Menu Base */
#mobile-menu {
  position: absolute;
  top: 3.5rem;
  right: 1rem;
  background-color: #0a0f1c;
  border-radius: 8px;
  padding: 1rem;
  box-shadow: 0 8px 16px rgba(0, 240, 231, 0.2);
  z-index: 1000;
  display: none;
  width: 200px;
  text-align: right;
}

/* Show when active */
#mobile-menu.active {
  display: block;
}

/* Mobile Menu Links */
#mobile-menu a {
  display: block;
  color: #e5f7ed;
  font-weight: 600;
  margin-bottom: 12px;
  text-decoration: none;
  transition: color 0.3s;
}

#mobile-menu a:hover {
  color: #00F0E7;
}

/* Special styling for primary button */
#mobile-menu .subscribe-btn {
  background-image: linear-gradient(90deg, #1ce783 0%, #13bfa6 100%);
  padding: 10px;
  color: black;
  border-radius: 6px;
  font-weight: 700;
  text-align: center;
  margin-top: 10px;
}
/* Make sure the button is visible on small screens */
.show-sm {
  display: inline-block !important;
}

/* Position the toggle button in the top-right corner */
.mobile-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 1.8rem;
  color: white;
  background: none;
  border: none;
  z-index: 1000;
}