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

  .navbar .container {
    position: relative;
  }
}

  .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; }
  }