* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --bs-font-sans-serif: 'Roc Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

body {
  background-color: #FFF9ED; /* cream */
  font-family: var(--bs-font-sans-serif);
  padding-top: 64px; /* avoid content under fixed navbar */
}

#guitar-pick {
  height: 40px;
  margin: auto;
}

/* Submenu */
.submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 8px 0;
  min-width: 180px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.15);
  z-index: 1000;
}
.nav-item { position: relative; }
.nav-item:hover .submenu { display: block; }
.submenu li a {
  display: block;
  padding: 8px 12px;
  color: #212529;
  text-decoration: none;
}
.submenu li a:hover { background-color: #f1f3f5; }

/* Navbar */
header, .navbar {
  background: transparent !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  transition: transform .3s ease;
  will-change: transform;
}
.navbar .nav-link {
  color: #000 !important; /* black menu text on category pages */
  font-weight: 500;
}
.navbar .nav-link:hover { color: #343a40 !important; }
.navbar-nav { gap: 1.25rem; }

/* Nav actions */
.nav-actions .btn {
  background: transparent !important;
  border: 0 !important;
  color: #000 !important;
}
.nav-actions .btn:hover { color: #343a40 !important; }
.nav-actions .btn:focus { box-shadow: none !important; }

/* Product grid helpers */
.card { border: none; box-shadow: none; background: transparent; }
.product-img { width: 100%; height: 100%; object-fit: cover; border-radius: .5rem; display: block; }
.product-card .card-body { text-align: center; }
/* Show pointer cursor on hover to indicate clickability */
.product-card { cursor: pointer; }
.product-card .product-img { cursor: pointer; }