.navbar-brand {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

.navigation-clean.navbar,
.navbar.navigation-clean {
  background: rgba(0,0,0,0.50) !important;
  -webkit-backdrop-filter: blur(28px) saturate(1.02);
  backdrop-filter: blur(28px) saturate(1.02);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 10px 28px rgba(0,0,0,0.50);
}

.navbar-nav {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}

.logo-letter {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

.navbar .container { position: relative; }

.navigation-clean.navbar,
.navbar.navigation-clean {
  background: rgba(0,0,0,0.50) !important;
  -webkit-backdrop-filter: blur(28px) saturate(1.02);
  backdrop-filter: blur(28px) saturate(1.02);
}

.nav-link {
  font-family: 'Montserratt', sans-serif; 
  font-weight: 500;
}

.navbar-collapse {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}

.hamburger {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
}

.bar {
  position: absolute;
  width: 100%;
}

@media (max-width: 767.98px) {
  .navbar-nav .instagram-icon-mobile > a.nav-link {
    padding: 8px 12px !important;
    gap: 6px !important;
  }

  .navbar-nav .instagram-icon-mobile .fa-stack {
    font-size: 0.9rem !important;
    width: 1.6em !important;
    height: 1.6em !important;
    line-height: 1.6em !important;
  }

  .navbar-nav .instagram-icon-mobile .fa-instagram {
    font-size: 16px !important;
  }

  .navbar-nav {
    display: flex;
    flex-direction: column;
  }
  .navbar-nav li.nav-item:has(> a[href="/home"]),
  .navbar-nav li.nav-item:has(> a[href="/home.html"]) {
    order: 0;
  }
  .navbar-nav li.nav-item:has(> a[href="/contact.html"]) {
    order: 1;
  }
  .navbar-nav li.instagram-icon-mobile {
    order: 2;
  }
}

.bar {
  height: 3px;
  background: white;
  transition: all 0.3s ease;
}

.top-bar {
  top: 4px;
}

.middle-bar {
  top: 10.5px;
}

.bottom-bar {
  top: 17px;
}

.navbar-toggler[aria-expanded="true"] .top-bar {
  transform: translateY(6.5px) rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .middle-bar {
  opacity: 0;
}

.navbar-toggler[aria-expanded="true"] .bottom-bar {
  transform: translateY(-6.5px) rotate(-45deg);
}

.navbar-collapse {
  transition: max-height 0.3s ease; 
}

.logo-letters {
  display: flex;
  gap: 2px;
}

.logo-letter {
  display: inline-block;
  transition: transform 0.3s ease;
}

.nav-link {
  position: relative;
  transition: color 0.3s ease;
}

.navbar-nav .nav-link::after {
  content: none !important;
  display: none !important;
}

.nav-link:hover {
  color: rgba(255, 255, 255, 0.8);
}

.fa-stack {
  display: inline-block;
  vertical-align: middle;
}

body {
  margin-top: 0;
}

.page-top-offset {
  padding-top: 75px; 
}

@media (max-width: 767.98px) {
  .page-top-offset {
    padding-top: 60px; 
  }
}

@media (pointer: coarse) {
  .navbar-nav .nav-link:not(.instagram-icon .nav-link)::after {
      display: none;
  }
}

@media (max-width: 767.98px) {
  .navbar .navbar-collapse,
  .navbar-collapse {
      position: absolute;
      top: calc(100% + 8px) !important;
      left: 0;
      right: 0;
      background: rgba(0,0,0,0.50) !important;
      border: 1px solid rgba(255, 255, 255, 0.18);
      -webkit-backdrop-filter: blur(28px) saturate(1.02);
      backdrop-filter: blur(28px) saturate(1.02);
      background-clip: padding-box;
      will-change: backdrop-filter;
      box-shadow: 0 10px 28px rgba(0,0,0,0.50);
      border-radius: 14px;
      z-index: 1999;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease; 
  }

  .navbar-collapse.show {
      max-height: 300px; 
  }

  .navbar-nav {
      width: 100%;
      padding: 10px 0;
  }

  .navbar-brand {
      font-size: 30px;
      height: 50px;
  }

  .nav-item {
      padding: 5px 0;
  }

  .navbar-nav .nav-link::after { content: none !important; display: none !important; }

  .instagram-icon-mobile {
      order: -1;
  }

  body {
      margin-top: 0;
  }
}