.top-bar {
      display: flex;
      align-items: center;
      min-height: 36px;
      padding: 0 20px;
      background: #490000;
      position: relative;
      overflow: hidden;
    }
    /* faint diagonal texture for depth */
    .top-bar::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image: repeating-linear-gradient(135deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 1px, transparent 1px, transparent 14px);
      pointer-events: none;
    }
    .top-bar-badge {
      flex: 0 0 auto;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 4px 10px;
      margin-right: 14px;
      border-radius: 5px;
         background: rgb(36 36 36 / 92%);
    font-family: 'Inter', sans-serif;
    font-size: 10.5px;
    font-weight: 900;
      letter-spacing: 0.6px;
      color: #ffffff;
      text-transform: uppercase;
      position: relative;
      z-index: 1;
      white-space: nowrap;
    }
    .top-bar-badge i {
      animation: top-bar-ring 2.4s ease-in-out infinite;
      transform-origin: top center;
    }
    @keyframes top-bar-ring {
      0%, 60%, 100% { transform: rotate(0deg); }
      65% { transform: rotate(-12deg); }
      70% { transform: rotate(10deg); }
      75% { transform: rotate(-8deg); }
      80% { transform: rotate(4deg); }
      85% { transform: rotate(0deg); }
    }
    /* rotating message viewport */
    .top-bar-rotator {
      flex: 1 1 auto;
      position: relative;
      height: 18px;
      z-index: 1;
      overflow: hidden;
    }
    .top-bar-rotator span {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      gap: 8px;
      font-family: 'Inter', sans-serif;
      font-size: 12.5px;
      font-weight: 600;
      color: #ffffff;
      white-space: nowrap;
      opacity: 0;
      animation: top-bar-rotate 18s ease-in-out infinite;
    }
    .top-bar-rotator span i { color: #ffffff; opacity: 0.85; font-size: 11px; }
    .top-bar-rotator span:nth-child(1) { animation-delay: -0s; }
    .top-bar-rotator span:nth-child(2) { animation-delay: -3s; }
    .top-bar-rotator span:nth-child(3) { animation-delay: -6s; }
    .top-bar-rotator span:nth-child(4) { animation-delay: -9s; }
    .top-bar-rotator span:nth-child(5) { animation-delay: -12s; }
    .top-bar-rotator span:nth-child(6) { animation-delay: -15s; }
    @keyframes top-bar-rotate {
      0%          { opacity: 0; transform: translateY(14px); }
      4%, 13.5%   { opacity: 1; transform: translateY(0); }
      17.5%       { opacity: 0; transform: translateY(-14px); }
      100%        { opacity: 0; transform: translateY(-14px); }
    }
    /* pinned contact links */
    .top-bar-contact {
      flex: 0 0 auto;
      display: flex;
      align-items: center;
      gap: 16px;
    margin-left: 51px;
    padding-left: 29px;
      border-left: 1px solid rgba(255,255,255,0.3);
      position: relative;
      z-index: 1;
    }
    .top-bar-contact a {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-family: 'Inter', sans-serif;
      font-size: 12.5px;
      font-weight: 600;
      color: #ffffff;
      text-decoration: none;
      white-space: nowrap;
    }
    .top-bar-contact a i { font-size: 11px; opacity: 0.9; }
    .top-bar-contact a:hover { opacity: 0.8; }
    @media (max-width: 780px) {
      .top-bar-badge span.badge-text { display: none; }
      .top-bar-contact a.hide-mobile { display: none; }
    }
    @media (max-width: 560px) {
      .top-bar-contact { display: none; }
    }
    @media (prefers-reduced-motion: reduce) {
      .top-bar-rotator span, .top-bar-badge i { animation: none; opacity: 1; }
    }