@media (min-width: 992px) {
  .logo-center-desktop {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .navbar .container {
    position: relative;
  }
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.main-content {
  flex: 1;
}

.skeleton-nav {
  display: flex;
  gap: 8px;
  align-items: center;
}
.skeleton-nav .sk-btn {
  height: 36px;
  border-radius: 8px;
  background: linear-gradient(90deg, #d4d4d4 25%, #ebebeb 50%, #d4d4d4 75%);
  background-size: 200% 100%;
  animation: sk-shimmer 1.2s infinite;
}
.skeleton-nav .sk-btn:first-child { width: 130px; }
.skeleton-nav .sk-btn:last-child  { width: 90px; }
@keyframes sk-shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}