html {
  scroll-behavior: smooth;
}

.navbar-backdrop {
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.navbar-backdrop.scrolled {
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}

[data-theme='dark'] .navbar-backdrop.scrolled {
  background: rgba(14, 16, 33, 0.95);
}

.navbar .navbar-toggler {
  border-color: rgba(37, 99, 235, 0.3);
}

.navbar .navbar-toggler-icon {
  filter: invert(0.45);
}

@media (max-width: 991px) {
  .navbar-nav {
    margin-top: 1rem;
  }

  .nav-actions {
    width: 100%;
    justify-content: space-between;
  }
}

@media (max-width: 575px) {
  .hero-buttons .btn {
    width: 100%;
  }

  .hero-stats {
    flex-direction: column;
  }

  .product-actions .btn,
  .product-actions .icon-btn {
    min-width: 100%;
  }
}