html {
      height: 100% !important;
      min-height: 100vh;
  }

  body {
      min-height: 100vh !important;
      margin: 0 !important;
      padding: 0 !important;
      height: auto !important;
  }


  /* DRAWER – OPEN FROM RIGHT */
  .drawer {
      right: -100%;
      left: auto !important;
      transition: right .35s ease;
  }

  .drawer.show {
      right: 0;
  }

  /* DRAWER: Guest actions at bottom */

  .drawer-guest-actions .login-btn {
      display: flex;
      align-items: center;
      gap: 6px;
  }

  .drawer-guest-actions .login-btn svg {
      width: 18px;
      height: 18px;
  }

  /* User section in drawer (logged-in) */
  .drawer-user-section {
      padding: 1rem;
      border-top: 1px solid #eee;
      margin-top: auto;
  }

  /* MOBILE: HIDE NOTIFICATION ICON, SHOW TEXT LINK */
  @media (max-width: 991px) {
      .notification-icon {
          display: none !important;
      }

      .mobile-notification-link {
          display: block;
          padding: 12px 0;
          font-size: 15px;
          color: #002633;
          text-decoration: none;
          border-bottom: 1px solid #eee;
      }

      .mobile-notification-link:hover {
          color: #0F93FE;
      }
  }

  /* ---------- DRAWER (mobile) ---------- */
  .drawer-overlay {
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, .5);
      opacity: 0;
      visibility: hidden;
      transition: .3s;
      z-index: 1040;
  }

  .drawer-overlay.show {
      opacity: 1;
      visibility: visible;
  }

  .drawer {
      position: fixed;
      top: 0;
      left: -100%;
      width: 300px;
      max-width: 85vw;
      height: 100vh;
      background: #fff;
      box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
      transition: left .35s ease;
      z-index: 1050;
      display: flex;
      flex-direction: column;
  }

  .drawer.show {
      left: 0;
  }

  .drawer-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 1rem;
      border-bottom: 1px solid #eee;
  }

  .drawer-logo img {
      height: 32px;
  }

  .drawer-close {
      background: none;
      border: none;
      font-size: 1.8rem;
      color: #555;
  }

  .drawer-body {
      flex: 1;
      overflow-y: auto;
      padding: 0 1rem;
  }

  .drawer-menu {
      list-style: none;
      padding: 0;
      margin: 0;
  }

  .drawer-item {
      border-bottom: 1px solid #eee;
  }

  .drawer-link {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: .9rem 0;
      color: #002633;
      font-weight: 500;
      text-decoration: none;
      margin-left: 10px;
  }

  .drawer-link.active,
  .drawer-link:hover {
      color: #0F93FE;
      font-weight: 600;
  }

  .dropdown-toggle .arrow {
      margin-left: .4rem;
      transition: transform .2s;
  }

  .dropdown-toggle[aria-expanded="true"] .arrow {
      transform: rotate(180deg);
  }

  .sub-menu {
      list-style: none;
      padding-left: 1.5rem;
      margin: .5rem 0;
  }

  .sub-link {
      display: flex;
      align-items: center;
      gap: .5rem;
      padding: .6rem 0;
      font-size: .9rem;
      color: #002633;
  }

  .sub-link:hover {
      color: #0F93FE;
  }

  /* ---------- INFINITE SLIDER (mobile only) ---------- */
  .mobile-service-slider {
      overflow: hidden;
      background: #0F93FE;
      padding: 10px 0;
  }

  .slider-track {
      display: flex;
      gap: 14px;
      animation: scroll 28s linear infinite;
      white-space: nowrap;
      will-change: transform;
      width: max-content;
  }

  .slide-item {
      font-size: 13px;
      color: white;
      text-decoration: none;
      font-weight: 600;
      flex-shrink: 0;
      min-width: 130px;
      text-align: center;
      transition: all .2s ease;
  }

  /* Ensure header is above slider */
  .header-wrapper {
      position: relative;
      z-index: 1000;
  }

  @keyframes scroll {
      0% {
          transform: translateX(0);
      }

      100% {
          transform: translateX(-50%);
      }
  }

  @keyframes scroll {
      0% {
          transform: translateX(0);
      }

      100% {
          transform: translateX(-50%);
      }
  }

  /* Hide desktop collapse on mobile */
  @media (max-width:991px) {
      #navbarSupportedContent {
          display: none !important;
      }
  }