@media screen and (max-width: 991px) {
      .top-container {
        display: none;
      }
    }

    .top-container {
      width: 950px;
      margin: 0 auto;
    }

    .top-btn-row {
      display: flex;
      justify-content: center;
      margin: 4px 0;
    }

.top-btn {
  background-color: #33aaff;
  color: white;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 6px;
  height: 36px;
  width: 160px; /* 950px ÷ 5 = 190 - ช่องว่างเล็กน้อย */
  display: flex;                /* ✅ ใช้ Flexbox */
  align-items: center;          /* ✅ จัดกลางแนวตั้ง */
  justify-content: center;      /* ✅ จัดกลางแนวนอน */
  transition: background-color 0.2s ease;
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 12px;
  padding: 0 6px;
}

.top-btn:last-child {
  margin-right: 0;
}

.menutextlink-btn {
  background-color: #000066;
  color: white;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 6px;
  height: 40px;
  width: 160px;
  display: flex;                 /* ✅ ใช้ flex */
  align-items: center;           /* ✅ จัดกลางแนวตั้ง */
  justify-content: center;       /* ✅ จัดกลางแนวนอน */
  transition: background-color 0.2s ease;
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 12px;
}

.menutextlink-btn:last-child {
  margin-right: 0;
}

    .row-3 .top-btn {
      width: 276px; /* 950 ÷ 3 ≈ 316 */
      margin-right: 22px;
    }

    .row-3 .top-btn:last-child {
      margin-right: 0;
    }

    .top-btn:hover {
      background-color: #1a8cd8;
    }

    .top-btn:active,
    .top-btn.active {
      background-color: #006bb3;
    }