@media (max-width: 767.98px) {
/* ------------------------------------------------------------
   1 ▸ dropdown panel: stretch edge-to-edge again
------------------------------------------------------------ */
.navbar-collapse{
  width:100vw;           /* fill the viewport */
  margin-left:-.75rem;   /* cancel the .container gutter */
  margin-right:-.75rem;  /* (burger keeps its alignment) */
}

/* ------------------------------------------------------------
   2 ▸ glass bg only while not scrolled
------------------------------------------------------------ */
.navbar:not(.scrolled) .navbar-collapse{
  --bs-dropdown-bg:rgba(33,37,41,.45);
  background-color:var(--bs-dropdown-bg)!important;
  backdrop-filter:blur(2px);
}
/* when scrolled: panel inherits bar bg, no extra blur */
.navbar.scrolled .navbar-collapse{
  background:transparent!important;
}
.navbar.scrolled {
  backdrop-filter:blur(2px);
}

/* ------------------------------------------------------------
   3 ▸ thin separators ONLY while bar is *not* scrolled
------------------------------------------------------------ */
.navbar:not(.scrolled) .navbar-collapse.show > .navbar-nav::before,
.navbar:not(.scrolled) .navbar-collapse.show > .navbar-nav::after{
  content:"";
  position:absolute;
  left:0;right:0;
  height:1px;
  background:currentColor;   /* same white as links */
  opacity:.25;
}
.navbar:not(.scrolled) .navbar-collapse.show > .navbar-nav::before{top:0;}     /* above 1st item */
.navbar:not(.scrolled) .navbar-collapse.show > .navbar-nav::after{bottom:0;}  /* below last     */
}